Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 22, 2014 at 6:47 am #355795
    ipean

    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.com

    I’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 10 years 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 #356259
    Ismael

    Hi 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,
    Ismael

    November 24, 2014 at 3:14 pm #356825
    ipean

    Thanks 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 #356838
    ipean

    Scratch 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.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘White Spaces Appearing Above Images On Parallax Scrolling’ is closed to new replies.