Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #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 2 years, 4 months ago by  Doubledog.




    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;



    Thanks for the help as always. This can be closed



    Glad that Ismael’s solution fixed this :)

    Best regards,

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

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