Page is scrolling to top of page upon lightbox opening

Hi

FooBox should not scroll to the top of your page, so there must be a conflict with another plugin or your theme.

To help us locate this conflict, please include a link to your site which is having the problem.

Please also ask your developer to add his findings to this thread, just to speed things up, as he has done an initial investigation.

thanks

Thanks heaps for the quick reply, bradvin…

The “in development” URL is here:
https://77.104.142.156/~taloston/build/photo-gallery/marble-range/

I suspect it’s conflicting with the theme’s standard plugins, which is a bit frustrating; I’ve disabled all the plugins I can leaving only these ones active & it’s still scrolling to the top:

Contact Form 7
FooBox Image Lightbox
FooGallery
Simple CSS
Slider Revolution
Webdevia main plugin
WPBakery Page Builder

NOTE: I suspect it’s the Webdevia plugin which is causing the conflict, because if I disable this plugin the site breaks (it’s part of this theme – https://themeforest.net/item/flooring-paving-and-tiling-services/19321502).

I’ve asked my developer to provide her findings too. But at this stage I’m not sure if I need to be asking you guys, or the theme developers. I am happy to pay for support if this is not a “quick fix”, it’s only fair… just let me know what you need.

Many thanks
Glen

Quick update, my developer confirmed what I wrote above & didn’t have anything else to add.

Let me know how you want to proceed with support on this one. We love the plugin, and the hassle of replacing it with an alternative is significant, so I’m keen to come to some agreement with you for resolving the scrolling problem.

Thanks again
Glen

hi Glen,

We had a closer look. It turns out that it is a CSS conflict.
A stylesheet in your theme (https://77.104.142.156/~taloston/build/wp-content/themes/flooring/bower_components/foundation/scss/foundation/components/_global.scss)

Has this CSS:

html, body {
    height: 100%;
}

And when FooBox opens, it hides the scrollbar of the page. Hiding the scrollbar of the page does not work well with the above css.

You can disable the setting “Hide Page Scrollbars” on the FooBox settings page and it should then work as expected.

GENIUS!!!

Thank-you so much, it’s working perfectly now ??

5 star review coming your way… have a great weekend & thanks again.

Glen

Closing now that this has been addressed.