Lay Theme Forum

Hi Richard,

thanks again for your reply - I'm not sure if your latest reply means that the problem should be fixed now, or not? You say you were able to recreate the bug in Chrome, but were you able to fix it as well?

I've just tried setting the "Give elements a max-width and max-height and center them" option to 80% to see what would happen and nothing seems to change : the images in the fullscreen slider stay fullscreen and don't get adjusted to 80% width / height. Do you think that has something to do with it the anchor issue? Or am I misunderstanding your suggestion? I've also tried with this setting switched off, the anchor issue persists.

The "Anchorscroll Space Top for Desktop" & "Anchorscroll Space Top for Phone" are both set to zero so that should not give any issues.

It would be great to get a clear overview of the most optimal settings to solve this bug in Chrome - thanks in advance!

PS I went back to the old PHP version for now because my old website www.estherdegraaf.nl imploded with a new version of PHP, just so you know :)

Hi Richard,

tried the incognito, didn't change a thing - unfortunately! Plus my colleague told me that the anchors already worked in Safari before the PHP-update and change in Fullscreen Slider settings. The problem seems to be a Chrome (and Firefox / perhaps other browsers) issue. Like I mentioned before, if I give Chrome a hard reset (CMD, SHIFT, R) the anchor does jump to it's right position.. Anyways, thanks so much again and please let me know if there's anything I can do!

Hi Richard,

thanks for your work and reply ^^ I updated my PHP version and adjusted the slider setting, like you said. It works fine on Safari now, but Chrome is still giving me issues.. Did you test in Chrome or another Browser?

Thanks again Richard and sorry to be such a bother!

Hi Richard,

Still awaiting a reply to the issue above - would really appreciate an answer soon : it's the last thing we want to fix before launching the site.

PS here's the relevant Forum Topic, in case you're interested ^^

http://laythemeforum.com:4567/topic/7274/full-screen-slider-slides-overflowing-on-phone/2?_=1650393369193

Hi Richard,

so I've run into another person on the Forum who had similar issues in October of 2021. At the time you suggested the following bit of code which seems to work for my situation aswel. Is this still the same bug from October of 2021 do you think? It has to do with the new Safari format in newest iOS versions, so it might be worth looking into regardless :)

.is-safari #custom-phone-grid .fp-section {
    min-height: 100vh !important;
    height:100vh !important;
}

.is-iphone #custom-phone-grid .fp-section {
    min-height: 100vh !important;
    height:100vh !important;
}
.is-safari #custom-phone-grid .fp-auto-scroll {
    min-height: 100vh !important;
    height:100vh !important;
}

Hi Richard,

little update, just switched to a horizontal slider with autoscrolling 'on' - then the anchor works fine. The bug is really specific to a vertical Fullscreen Slider with auto scrolling turned on - we specifically want to use the vertical slider + auto scrolling + anchors so it would be great to know if this could be fixed somehow :)

Tried re-installing the plugin but no luck ^^

Hi Richard,

so the problem seems to be a bug in the slider - when I turn auto scrolling 'of'f there is no longer a problem with the anchor.

Do you have any clue why that happens? I would love to have the auto scrolling option 'on' on the homepage.

Hi Richard,

that's strange indeed - the phone I'm on is an Iphone X with iOS 15.3.1

I am experiencing other issues with the Fullscreen Slider add-on too (http://laythemeforum.com:4567/topic/7799/anchor-to-image-in-full-screen-slider?_=1650183328438) - could it have something to do with that? Should I re-install the plugin? Or are these issues unrelated?

Nothing changes when I renmove the <script> - problem persists.. When you do a hard refresh (CMD SHIFT R) with the URL https://estherdegraaf.nl/ontwikkelomgeving/#gmhome it does work.. Total mystery to me, do you have any ideas? It really seems to have something to do with the Fullscreen Slider - like I said, when I turn that feature off it does work.

Hi Richard,

Thanks again for your reply! I've tried all of the above (update themes/plugins + de-activated third-party plugins + de-activating all CSS and JS) but no luck : the problem persists.. It really seems to have something to do with the Fullscreen Slider though - when I switch it off the anchor works fine. But the fullscreen slider is an absolute must on the homepage; it's one of the main reason we chose Lay Theme in the first place :)

Might there be something wrong with the code I am using? Unfortunately I have no experience with coding and I copy-pasted this bit of code of the Lay-Theme forum. As follows :

<script>
    window.laytheme.on('newpageshown', function(){
       if(window.location.hash.length > 0){
           var id = window.location.hash;
           if(jQuery(id).length > 0){
                jQuery('html, body').animate(
                { scrollTop: jQuery(id).offset().top },
                { duration: 1200 });
           }
       } 
    });
</script>

Thanks in advance!

Hi Richard,

that's not the relevant website - the website is www.estherdegraaf.nl/ontwikkelomgeving :)

Hi Richard,

thanks for your reply - do you have an estimate of when this will be addressed? We can't launch this site before this issue is addressed unfortunately.. Thanks in advance!

Hi Richard,

thanks for your reply! The thing is dat the anchor seems to mess up the entire fullscreen slider - first look at the fullscreen slider and 3rd slide on the website's homepage https://estherdegraaf.nl/ontwikkelomgeving/
--> then click on the X of the following page https://estherdegraaf.nl/ontwikkelomgeving/groninger-museum/
--> this X is supposed to anchor to the 3rd image in that homepage slider (see image)

However, it messes up the order of the homepage's fullscreen slider and therefor shows the wrong slide (see image)

Hard to explain, but hope you understand :)

Hi Richard,

I already figured it out using Text Formats, thanks anyways!

Hi hi,

I'm using Lay theme and really enjoying all the options. Recently I've added some anchors using the code in this topic: http://laythemeforum.com:4567/topic/2863/link-to-anchor-from-another-page/5

It works great, except for when I link to images in the fullscreen slider. For example, click the 'X' on this page https://estherdegraaf.nl/ontwikkelomgeving/groninger-museum/ - it's supposed to anchor to an image in the fullscreen slider, in stead it kind of freaks out. Is there anyone out there who knows more? :)

@Richard said in Full Screen Slider Mobile Image CutOff:

Some bugs have been posted relating to Fullscreen slider's and Safari IOS. I feel this is the same bug and has been forwarded to Armin ✅

Hi hi team Lay Theme,

have been experiencing similar issues - when viewing the full screen slider on a mobile phone in safari, the next and previous images are visible too (see screenshot) - is this the same bug? And if so, will that be dealt with in the next update? Thanks!

Hi! I want to change the font size of all headers on mobile. The text is too big when viewed on a phone. I've given the text element a class/ID (text-top) and have added code to the CSS editor (see print screen, second line of code) but nothing seems to change. It concerns the yellow text (THIN AS AIR... 2021) Am I missing anything? Thanks in advance!