-
AuthorPosts
-
October 3, 2019 at 5:48 pm #1144569
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!
MelodeeOctober 8, 2019 at 8:53 pm #1146278Hey 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,
BasilisOctober 8, 2019 at 9:24 pm #1146283Here you go: https://ibb.co/6mxH2Fy
Thanks!
October 8, 2019 at 9:26 pm #1146285Here’s a couple more she sent me:
https://ibb.co/rpwvgZj
https://ibb.co/n3hfrLpOctober 8, 2019 at 9:58 pm #1146288Hi,
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,
YigitOctober 8, 2019 at 11:46 pm #1146299I added the code, my client cleared her cache, but she says it looks the same.
Any other ideas?
October 10, 2019 at 7:16 am #1146765Hi,
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,
IsmaelOctober 10, 2019 at 6:29 pm #1146907That worked! Thank you! I love Enfold :)
October 11, 2019 at 10:01 am #1147064 -
AuthorPosts
- The topic ‘Slider issue on iPhone 8 Safari’ is closed to new replies.
