Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #723685

    Hi, As parallax is not applied to mobile by default, i have changed it a bit using media queries.

    .parallax1 div div {background-position-y: 175% !important;}
    @media screen and (min-width: 0px) and (max-width: 992px) {
    .parallax1 div div {background-position-x: 85% !important;}}

    But on the second picture on my site the heads are cut of because its aligning at the bottom. (this is only on mobile and will not reproduce on desktop) Changing the vertical alignment in the page editor does not seem to work, and neither does

    .parallax2 div div {background-position-y: /* ??? */ % !important;}

    (parallax2 is the custom class) Any help? I’d like to align it to the top of the picture when parallax is not applied.

    • This topic was modified 11 months, 1 week ago by  Doubledog.
    #724277

    bump

    #725154

    Hi!

    Thank you for using Enfold.

    Adjust the bottom position of the parallax container.

    @media only screen and (max-width: 1024px) {
         .av-parallax-inner {
            bottom: -50px;
            left: 0;
        }
    }

    Cheers!
    Ismael

    #726527

    Thanks for the help as always. This can be closed

    #727739

    Hi,

    Glad that Ismael’s solution fixed this :)

    Best regards,
    Nikko

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘parallax on mobile’ is closed to new replies.