Discussion on Imagine - Parallax Scroll Effects and Parallax Animations


pixevil supports this item


This author's response time can be up to 1 business day.

23 comments found.

Hello! Great work you are doing! I have an issue where the images are not covering the entire screen on mobile devices – tested with Ipad 2017 and Iphone 6plus.

As you can see, there is a blank white area to the right. If you could, please help with this issue. Thanks in advance!

Thank you, what a huge relief! I do have one more issue with smoothness of scrolling. On desktop, the images shake while scrolling – any way to resolve this?

Well, after looking more into my theme, I cannot Remove the max-width: 100%; it throws off other elements making them appear too big. Is there something that can be changed on Imagine. I had the same issue with trying to use the parallaxer script. The developer advised changing my theme to work with his script other than providing a fix that works with my theme.

I even reached out to my theme developer and he will not support it. Is there another way to make this work?

Hey, yes there is. You can override the max-width for the imagine images only by adding the following CSS in your style.css file:

.imagine img:not([draggable]) {
  max-width: inherit !important;

The smoothness of the scrolling is not something I can really fix, unfortunately, because it depends on how the browser registers mousewheel scroll. On trackpads and mobiles, for example, it scrolls perfectly smooth. I’ll try to see if I can tamper with that in the future, however Imagine’s in a nicely stable and performant state right now and I wouldn’t want to affect it’s core functionality.

Hi, does Imagine-Parallax work with latest bootstrap (V.4+).