Safari on mobile devices does not show the whole slider picture

Hi Sandra,

Could you try updating the theme to the latest version (4.4) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update

Best regards,
Rikard

Hi Sandra,

The automatic updates don’t work on all server environments unfortunately, could you try to perform the update manually via FTP instead maybe?

Best regards,
Rikard

Hi Sandra,

Thanks for the feedback. It’s unfortunately very difficult for background images to look the same on all screen sizes. Maybe you could try to duplicate the element in question and then use image which are better adapted to smaller screens? You can hide/show the correct one by using the screen options in the element options.

Best regards,
Rikard

Hi,

Is it working properly when the background attachment is set to “scroll”? You can also try this css code.

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    .avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"]>ul>li {
    background-attachment: scroll;
    }
}

@media only screen
and (max-device-width : 1024px)  {
     .avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"]>ul>li {
    background-attachment: scroll;
    }
}

Best regards,
Ismael

Hi,

-Glad we could help!

Please take a moment to review our theme and show your support https://themeforest.net/downloads
Don’t forget to bookmark Enfold Documentation for future reference.

Thank you for using Enfold :)

Best regards,
Ismael