My client is having problems with the Home page full screen slider on their iPhone 8s Safari. The image is very large – not responsive. I’ve had them clear their cache but it didn’t change. I have a file that shows screenshots of her phone if there’s a way to upload it.
Can you help?
Thanks!
Melodee
Hey HPCCo,
can you upload the file using something like https://imgbb.com/
and give us afterwards a link here so we can check this out.
Best regards,
Basilis
Here you go: https://ibb.co/6mxH2Fy
Thanks!
Here’s a couple more she sent me:
https://ibb.co/rpwvgZj
https://ibb.co/n3hfrLp
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
@media only screen and (max-width: 768px) {
.avia-mobile.avia-safari .avia-fullscreen-slider .avia-slideshow>ul>li {
background-size: initial;
}}
Best regards,
Yigit
I added the code, my client cleared her cache, but she says it looks the same.
Any other ideas?
Hi,
Thank you for the update.
It probably looks like that because iOS has issues with fixed backgrounds. Please add this code inside the css media query above.
.avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"] > ul > li {
background-attachment: scroll !important;
}
Don’t forget to toggle the Enfold > Performance > File Compression settings after adding the code.
Best regards,
Ismael
That worked! Thank you! I love Enfold :)