Hey guys, I have a super picky client (it’s bee frustrating), who is saying that the fullscreen slider is not rendering correctly on their iPhone 5s.
It’s getting cutoff at the bottom. Can you help with this?
The slider can be seen on the homepage of the site:
Thanks!
Hey Justin,
Can your client post a screenshot on how it looks on his iphone 5s? I don’t see it cut off on my end using an emulator.
Best regards,
Nikko
Nikko, this is a link to what they’re seeing…
And this is a direct quote from them…
“We can’t see the bottom of the images in the slideshow or the arrow indicating down unless we scroll down.”
They are VERY picky. So this has been a challenge. Thanks
Hi Justin,
Sorry for the late response, can you try to add this in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) {
avia-fullscreen-slider .avia-slideshow {
max-height: 86vh !important;
}
}
Let us know if this helps.
Best regards,
Nikko
Nikko, so NOT in my child-theme CSS?
Hi Justin,
It should work there as well, whatever you prefer :-)
Best regards,
Rikard
Not sure that fixed it.
Hi,
Depends on your preference, the main advantage of Quick CSS over the child theme’s style.css is you don’t need to clear browser cache to see the effect. Glad we could help :)
Best regards,
Nikko
OK thank you
so according to the client, this is still not rendering correctly on their 5s
Hi,
I tried to check the link you’ve provided, but it’s not available anymore. Can you provide us a precise link again please?
Also don’t forget to clear browser cache on your device, as well as check on another device, too.
Best regards,
Andy