Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 16, 2016 at 2:09 am #583851
    Jasmer

    Compare the two screenshots. In portrait mode I need the background photo to move left. However in landscape mode it is fine.

    These screenshots were annotated for another topic, but they have annotations for this discussion as well. Just look at the image in the background on portrait.

    What are your suggestions? Please give me CSS to move it and then let me know if you have another better solution.

    Thank you,

    Jas

    February 18, 2016 at 6:36 am #585182
    Ismael

    Hey Jasmer!

    Thank you for using Enfold.

    Use this to move the background:

    @media only screen and (max-width: 767px) {
#photo-center .av-parallax .av-parallax-inner {
    background-position: 50% 50% !important;
}
}

    Cheers!
    Ismael

    February 18, 2016 at 2:02 pm #585396
    Jasmer

    Hey that helped Ismael!

    An interesting thing happened. The CSS made the top of the photo cropped.

    So, I added height: 320px !important; and it moved the photo AND made the photo smaller so I can see the entire image.

    @media only screen and (max-width: 767px) {
#photo-center .av-parallax .av-parallax-inner {
    background-position: 50% 50% !important;
    height: 320px !important;
}
} /*move background image*/

    Thank you Ismael! you can close this topic..

    February 19, 2016 at 7:07 am #585875
    Rikard

    Hi,

    Glad we could help :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Background image move left on mobile’ is closed to new replies.