Hi,
I have a strange issue. Title section with background image on https://lollypopbox.com/ looks on all devices as it should. Only on tablet with landscape view there is no image (in contrast to this preview: http://ami.responsivedesign.is/?url=https%3A%2F%2Flollypopbox.com). Any ideas?
Thanks, Stefan
Hi Stefan,
I checked your site in Chrome emulation, but I can’t see any problems there. Is this only happening on an actual device? If so, then please let us know which device and browser you are using.
Best regards,
Rikard
Hi Rikard,
it’s happening on iPad Air and Mini with Safari browser.
On large screens, smartphones or iPad portrait view everything is ok.
Thanks again, Stefan
Hi,
Sorry for the very late reply and thank you for your patience, I see that you are using two color sections to create the backgrounds, for portrait the background attachment is set to scroll, and for landscape the background attachment is set to fixed please change this background attachment to scroll also, and then clear your browser cache and Safari’s history and check again.
Safari has an issue with fixed parallax background images.
If you are not sure which settings I mean, try this css in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:
.avia_mobile #top.home #av_section_1 {
background-attachment: scroll !important;
}
then clear your browser cache and Safari’s history and check again.
Best regards,
Mike
Hi Mike,
wow, so easy! We didn’t know about the Safari’s issue.
So, many thanks!
Best regards
Stefan
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike