-
Posts
-
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?
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,
RikardHi,
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,
RikardSadly, 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).
It seems to do it on the Enfold Demo also: http://kriesi.at/themes/enfold/homepage/home-v9-videos-and-parallax/
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?
I am testing this… and it seems to work:
/* Mobile background position */
.avia_mobile .av-parallax {
height: 100% !important;
}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
- The topic ‘color section background image expands slightly on mobile’ is closed to new replies.