Tagged: full screen slider
Hi,
I have a full screen slider on the landing page that looks fine on desktops and mobile emulators (like Google dev tools) but in real life, on ipads and mobiles etc the background image doesn’t resize. I can’t figure out why, can you help?
Thank you
Hey simplicityltd,
Thank you for the inquiry.
This is probably an issue with fixed backgrounds as described in the following thread.
To fix the issue, please try this code in the Quick CSS field or the child theme’s style.css file.
@media only screen and (max-width: 1366px) {
.avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"] > ul > li {
background-attachment: scroll !important;
}
}
Best regards,
Ismael