Hallo,
ich habe einen transparenten header mit Vollbild-Slider. Das Hintergrundbild wird im iPhone5 (Safari und Chrome) nur angezeigt wenn die option “scrollen” ausgewählt ist. Ich würde das Bild gerne fixieren.
Hinweis: Der Fehler ist in den Webmastertools nicht sichtbar. Also nur auf dem Handy selbst!
Frage: Ist dieser Fehler bekannt?
Hey frankeee,
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Don’t forget to clear browser cache and please also check on another iPhone and let us know about your results here.
Best regards,
Andy
OK Andy, I made a testing site here:
And I check it on another iPhone (iPhone 6 and Safari) with the same result!
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 480px) {
.avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"]>ul>li {
background-attachment: scroll !important;
}}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Fixed background images have compatibility issues on mobile devices hence they are disabled.
Best regards,
Yigit
Hey Yigit, thanks your code is working for me!
No fixed background on mobile devices but on desktops. Have Tablets compatibility issues also?
Hey!
Yes, mobile browser in particular. You can edit the code i posted above and increase “480px” to “990px”(or 1024px) if you would like to apply it on tablets as well :)
Regards,
Yigit
… thank you!
Think Tablets don´t have this compatibility issues with fixed background. But I´m not quite sure.