Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 1, 2017 at 2:55 pm #785754
    Stitcho_69

    Dear Kresi,
    Enfold is amazing, great work!
    I know this has been raised before I’m yet to find an answer. My question is: Can parallax images scale down on mobiles (namely iPhones)? My client’s new site uses a lot of parallax images and they do not scale down on mobile. Is this possible, please?
    Regards,
    Stitcho_69

    May 1, 2017 at 4:24 pm #785834
    Jordan Shannon

    Hey Stitcho_69,

    Try adding the following to quick css. This is for the homepage, but should work for others as well with minor adjustments:

    @media only screen and (max-width: 767px)  {
.av-parallax-inner.main_color{
background-size: 209% 93% !important;
background-position: 53% 90% !important;
}
}

    Please let me know if this works for you

    Best regards,
    Jordan Shannon

    May 2, 2017 at 12:43 am #786047
    Stitcho_69

    Hey thanks Jordan,
    That almost worked, it’s horizontally squashed the images, but vertically they remain the same height – is there a way we can fix that, so they scale down proportionally?

    Cheers,
    Siticho_69

    May 2, 2017 at 5:32 pm #786565
    Andy

    Hi,

    you need to change background-size value from Jordan’s code. You could also go for example:

    background-size: auto 93% !important;

    Best regards,
    Andy

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