Website is jumping when page loads

Support
#1

For some reason the websites containers and graphics load odd when page loads on any browser

#2

Hey,

Please, can you provide more details about your problem? I have checked it with the Chrome and all looks normal.

#3

It’s not normal, there is a lot of movement when pages loads especially near the header area. keep looking at site when page loads.

#4

Hi there,

I can see that, and it’s more noticeable on a smaller screen. There is a white gap on top and the middle that blinks when reloaded, though, since it’s happening too fast, I couldn’t tell which element or style is causing this even by inspecting it through developer tools.

So what’s left to do is apply the styling directly to your site and reload it. Would you mind providing your admin login credentials in a secure note?

Thanks!

#5

Added a secure note

#6

Hello There,

Thanks for providing the information. Upon inspection, it turns out that you have set the Navbar Top Height only at 45 pixels. The actual height is more than what is being inserted in your settings. Please go to Pro > Launch > Theme Options > Header > Navbar > and set the Navbar Top Height to at least 162 pixels. That is sufficient enough for the menu which is 130 and the topbar which is 32 pixels.

Hope this helps. Please let us know how it goes.

#7

change css to this still no luck .x-navbar .desktop .x-nav > li ul {
top: 162px !important;
}

#8

Hello There,

Thanks for updating in! Changing the css won’t help. You have to set the navbar top height in Pro > Launch > Theme Options > Header > Navbar > and set the Navbar Top Height to at least 162 pixels. Anyways, I went ahead and changed it. Please check your site now.

Please always keep in mind that since you have installed WP Rocket, you will need to clear the cache first before testing the site.

Best Regards.