FOUC Large space above the purple top bar

Hi,

The top bar moves down and then snaps up, i think its something to do with the css, how do i fix it? The FOUC is only visible the first load of the page, then you need to clear your browser cache to see it again. Example URL given in private comment.

Hello,

I have visited the URL you attached. To remove the space on the top bar, Please add the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.whb-header.whb-sticky-shadow.whb-scroll-slide.whb-sticky-real.whb-sticky-prepared {
padding-top: 0 !important;
}

Best Regards.

Sorry but that code destroys the banner image on the home page its disappeared half of it and the page loads from a funny “scrolled down” position on reload.

Please give me a different code or tell me what class to look at to remove my customisations.

I will past my custom code into the box below from global and from desktop

Hello,

I have visited your website and there is no space on the topbar as there was. Please clear cache and check back.

Video for Clarification: https://gofile.io/?c=ZFfzNE

Best Regards.

Please check again, problem still happening again. Not sure why.

You need to clear you browser cache and visit a few different categories and you will see it.

Hello,

I have tested your website. It seems that you are using CDN (Google Cloud). Please disable it, clear browser cache and check back.

Screenshot for Clarification: https://ibb.co/jrpB237

This will surely fix the issue.

Best Regards.

But i need it to work. I cannot just switch it off its complicated. Its running on the google CDN the same CDN that http://www.google.com runs on. Its not just a virtual server on the google cloud.

Hello,

I am not asking you to disable it permanently. I just asked you to disable it to check the issue because all your website is loading from cache. So please first flush it and then disable it then check back.

Screenshot for Clarification: https://ibb.co/YjVSnMh

Best Regards.

[Author]

Posts