![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: glitch, parallax, Scrolling, white space
-
AuthorPosts
-
November 22, 2014 at 6:47 am #355795
I have an issue that has been brought up in different ways but hasn’t ever really had a solid answer from what I have searched. I have an issue with white spaces appearing above some of the images while scrolling through the parallax sections of my clients’ site. On my iMac, sometimes it shows up right, sometimes it doesn’t. On my 13 inch HP, it does the same.
Typically, if I refresh the browser, the site will show up correctly, as if it had not fully loaded properly the first time.
I use an online tool called Am I Responsive that shows the problem consistently and this is precisely what I see:
http://ami.responsivedesign.is/?url=http%3A%2F%2Fwww.fruitfulfinancials.comI’ve reduced the vertical height of some of the images and changed the main image to a slider which mitigated the issue at the top, but the rest of the parallax sections are still buggy.
I have a couple of plug-ins installed, but the problem was occurring even before I had anything installed.
-
This topic was modified 9 years, 9 months ago by
ipean. Reason: Added a detail about refreshing the browser...and not sure why nothing more could be added to this topic if it hasn't really been resolved
November 23, 2014 at 5:15 pm #356259Hi ipean!
Thank you for using Enfold.
I forwarded this issue to Kriesi. For a temporary fix, please use this on Quick CSS:
.home div#av_section_1 .av-parallax { top: -50% !important; } .home div#av_section_2 .av-parallax { top: -75% !important; } .home div#av_section_4 .av-parallax { top: -85% !important; }
Nice website.
Regards,
IsmaelNovember 24, 2014 at 3:14 pm #356825Thanks for the fix, but it really didn’t solve anything.
It’s weird, because I’ll make an adjustment that seems to work initially only to come back and find it all glitchy again as is the case with Quick CSS solution you gave.One thing to note: If you refresh the page, it actually shows correctly the second time around, as if the site never really fully loads the first time you land there. That just won’t do for first time visitors who are expecting a perfectly working site the first time they see it.
Do you think it has something to do with the way the images are loading?
November 24, 2014 at 3:21 pm #356838Scratch that. After adding the Quick CSS, even when you refresh it doesn’t fix itself anymore. I guess it has something to do with the Parallax speed, but at this point, I’m baffled. Not sure if I should get ready to jump ship.
-
This topic was modified 9 years, 9 months ago by
-
AuthorPosts
- The topic ‘White Spaces Appearing Above Images On Parallax Scrolling’ is closed to new replies.