Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 13, 2016 at 12:54 pm #723685
    Doubledog

    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 8 years ago by Doubledog.
    December 14, 2016 at 2:39 pm #724277
    Doubledog

    bump

    December 16, 2016 at 5:35 am #725154
    Ismael

    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

    December 20, 2016 at 12:32 pm #726527
    Doubledog

    Thanks for the help as always. This can be closed

    December 23, 2016 at 12:51 am #727739
    Nikko

    Hi,

    Glad that Ismael’s solution fixed this :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘parallax on mobile’ is closed to new replies.