Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1271155

    Hi,
    I use an Advanced layer slider on my homepage (lilicoon.com), and the background images doesn’t resize and adapt in other platforms like iPad or iPhone. Only looks good on computer. Much too big on iPads and Iphones or any other phone Any idea why?

    Thanks,
    Liliane

    • This topic was modified 3 years, 3 months ago by lilicoon.
    #1272020

    Hey Liliane,

    Thank you for the inquiry.

    Have you tried adjusting the Slider Settings > Layout > Slide Type & Dimension settings? It actually looks fine on our end — the slider resizes properly as you can see in the screenshot below.

    Screenshot: https://imgur.com/D6JJZt2

    How would you like the slider to display on smaller screens?

    Best regards,
    Ismael

    #1272255

    I Ismael,
    That image is ok, but I’m talking about all other images under that one. The other ones don’t resize.
    Liliane

    #1272766

    Hi,

    Thank you for the info.

    Could you provide a screenshot the issue? If what you see is the same as the screenshot below, then it is quite normal because the aspect ratio of the parallax image has to be retained relative to the section height. Please check the screenshot below.

    Screenshot: https://imgur.com/Wu98LP6

    We could set it so that the background image is fully visible within the section, but it will get distorted.

    @media only screen and (max-width: 767px) {
        .av-parallax-inner {
    	background-size: 100% 100% !important;
        }
    }
    

    One solution is to show a different section on mobile view by toggling the element’s Advanced > Responsive > Element Visibility options and use a background image that is specifically resize for smaller screens.

    Best regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.