Preloader CSS

By default, our preloader will load on every load.

I have custom coded just for you for the preloader to load once per browser session. You just need to place it in the "This is the CSS code for Preloader......" module content. Paste it as the first line:

Code:

Log In or Sign Up to view this code.

 

Kindly share your URL.

You should look for the premade preloader that comes with logo image then.

 

It seems like you haven't added the script code yet:

Code:

Log In or Sign Up to view this code.

 

It will only align center of the screen if your menu row width is smaller than the size of your mega menu container.

But for your case, your menu Row width is actually fullwidth. So, if you want to make your mega menu center, then the only way is to make the mega menu section max width to be 100vw.

Alternatively, you might want to use other header menu design that it's menu row width is not fullwidth.

You should use text module to create your link, instead of button module. This is because if you use button module, it will use 'a' tag, which will be affected by the menu item styling for 'a' tag.

So instead, you should use a text module & type your text & use the module link option instead.