Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 21, 2016 at 1:51 pm #702374
    lssu

    On the my site, I have a color section with a background image. On a mobile device, once you scroll down and the browser’s address bar hides, the background image increases in size, slightly. If you scroll up, the background image decreases in size. This is only on a mobile device (not when using resized desktop browser). Any thoughts on how to fix this?

    October 22, 2016 at 8:14 am #702742
    Rikard

    Hey lssu,

    I see the problem on my end as well using iphone6/chrome, could you post admin login details in private so that we can have a closer look please?

    Thanks,
    Rikard

    October 24, 2016 at 4:45 pm #703362
    lssu

    Information as requested

    October 25, 2016 at 7:42 am #703623
    Rikard

    Hi,

    Thanks for the login details, I can’t see anything obviously wrong though. Could you try deactivating all plugins to see if one of them is causing a conflict please?

    Best regards,
    Rikard

    October 25, 2016 at 1:40 pm #703766
    lssu

    Sadly, that did not work. I have the same template setup on another site and it works (this was the original site and I made a copy of it).

    October 25, 2016 at 10:23 pm #704016
    lssu

    It seems to do it on the Enfold Demo also: http://kriesi.at/themes/enfold/homepage/home-v9-videos-and-parallax/

    October 26, 2016 at 4:11 pm #704386
    lssu

    I have created a fresh wp install with the latest enfold template and demo content. The image shift problem is still there. Also, for mobile, the color section background image will not display “top center”. If you compare looking at phone vs laptop/desktop you will see there is a difference in how the background image is displayed. I thought this issue was corrected at one point, with the template. Is there a fix?

    • This reply was modified 7 years, 6 months ago by lssu.
    October 26, 2016 at 5:21 pm #704444
    lssu

    I am testing this… and it seems to work:

    /* Mobile background position */

    .avia_mobile .av-parallax {
    height: 100% !important;
    }

    October 29, 2016 at 3:24 am #705463
    Nikko

    Hi,

    I checked it and I don’t see any background increase or decrease while scrolling up and down. Is this already fixed? it might be that the image seems to increase/decrease because of the parallax effect.

    Best regards,
    Nikko

    October 31, 2016 at 1:18 pm #706120
    lssu

    I have fixed the issue with some css code (see message thread). Thanks

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘color section background image expands slightly on mobile’ is closed to new replies.