Hi,
I have an issue with “Visual Artist” demo. Fixed backgrounds are not displaying on iOS devices and are very large on android ones. I’ve added the code you provided in some threads which set background-attachment to scroll, but it doesn’t seem to fix the issues.
Any help ?
Thanks
Hey Othes,
Could you post a link to the page in question so that we can take a closer look please?
Best regards,
Rikard
Hi,
Thanks for your response.
I’m not sure what link you’re talking about. Actually, I’m not using the demo because of those issues, so I have no link to provide you with.
Here is the link to the demo: https://kriesi.at/themes/enfold-visual-artist/
When opening this link on iOS you won’t see background images in the upper sections of the page, while on Android, whatever the browser is, they are very large.
I would like to mention that it works fine on the browsers’ mobile emulators.
I’ve read in some threads that backgrounds can’t be fixed on mobile devices, and have added this code to make them scroll and eventually fix the issues, but It didn’t work.
@media only screen and (max-width: 767px) {
.avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"]>ul>li {
background-attachment: scroll;
background-size: cover;
}
}
Thanks for your help.
Hi,
Thanks for the update.
Are you using full screen sliders? That code is intended for full screen sliders, but the demo has color sections, so you have to use the following css code instead.
@media only screen and (max-width: 1024px) {
.avia-bg-style-fixed {
background-attachment: scroll !important;
background-size: cover !important;
}
}
Best regards,
Ismael
Hi Ismael,
Thanks for your response. Unfortunately, it came late. I had to use a different layout.
Thanks anyway.
Hi,
If you should need any further help, please let us know here in the forums.
Best regards,
Jordan Shannon