Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 31, 2015 at 9:59 am #452215
    Jasmer

    On the mobile site I need to shift the background photo to the left about 40%. ONLY the mobile site not the desktop site.

    I used this code for another site but I’m sure I need to edit it.

    @media only screen and (max-width: 767px) {
#photo-center .av-parallax.avia-full-stretch.active-parallax {
background-position: 35%!important;
}}

    Can you help?

    Thank you

    June 1, 2015 at 7:06 am #452344
    Rikard

    Hi Jasmer!

    I couldn’t find a sections called #photo-center on the page you linked, do we need to be logged in order to view it?

    Cheers!
    Rikard

    June 1, 2015 at 7:16 am #452351
    Jasmer
    This reply has been marked as private.
    June 2, 2015 at 8:33 am #452966
    Jasmer
    This reply has been marked as private.
    June 2, 2015 at 8:44 am #452974
    Basilis

    Hi!

    Can you please let us know, in which of those sections you want to move the image? As you do not have a ” #photo-center ” we need to name one, so the code can work.

    Regards,
    Basilis

    June 2, 2015 at 8:47 am #452978
    Jasmer

    I fixed it. Since there is only one section on this site, I went to the color section and created a tag “custom section” in the developer ID field. Then I added the code below and experimented with the numbers.

    @media only screen and (max-width: 767px) {
#custom-section .av-parallax.avia-full-stretch.active-parallax {
background-position: 60% 10% !important;
}} /*move background photo left*/

    Thanks. Problem solved.

    June 3, 2015 at 7:20 am #453571
    Rikard

    Hey!

    Great, glad you got it fixed.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Mobile background photo shift left’ is closed to new replies.