Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 8, 2021 at 8:34 pm #1271155
    lilicoon

    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, 11 months ago by lilicoon.
    January 13, 2021 at 5:15 am #1272020
    Ismael

    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

    January 13, 2021 at 8:07 pm #1272255
    lilicoon

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

    January 15, 2021 at 4:14 pm #1272766
    Ismael

    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

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