Full Screen Slider Mobile Image CutOff

[Richard]

Thanks for understanding @robochicken and have a wonderful start to your new year 🌻

[EstherdeGraaf]

@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!

[EstherdeGraaf]

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!

[Richard]

Dear @EstherdeGraaf

When visiting estherdegraaf.nl it doesn't appear to be Lay Theme:

Please make sure of the following if experiencing bugs:

Wordpress, Lay Theme & Laytheme's Addons are all up to date ?

Any custom CSS or JS that may interfere is temporarily removed.

Any third-party plugins are de-activated to see if this resolves the issue.

If using a WordPress Cache plugin, disable it or clear your cache.

---

Best Wishes

Richard

[EstherdeGraaf]

Hi Richard,

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

[Richard]

Dear @EstherdeGraaf

Thank you for the Link i was confused by the home domain 🌝
I am running the Fullscreen Slider / safari on Iphone 13 unable to recreate the bug - what version are you running?:
I also tested on an older iphone. is there a better way for me to recreate the bug?

---

Best

Richard

[EstherdeGraaf]

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?

[EstherdeGraaf]

Tried re-installing the plugin but no luck ^^

[EstherdeGraaf]

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;
}

[EstherdeGraaf]

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

[Richard]

Dear @EstherdeGraaf

I am testing on an Iphone X, when removing all Custom CSS the Fullscreen Slider displays correctly for the height of the viewport:

---

Best

Richard