Simplified Menu of Header has an lazy load effect

Hello there, The Header Layout>Header>Simplified has an effect that loads very slow,…may you help me to de-activate this effect or give me some directions about the css/js to unload this transition effect? Thanks

View the discussion: https://themeforest.net/item/basel-responsive-ecommerce-theme/14906749/comments?page=86&filter=all#comment_19494006

Hi,

First of all, add the code we gave you to the global custom CSS section in Theme Settings.

Thank you

I already add the code we gave you me to the global custom CSS section in Theme Settings.
It’s not working.

But the menu already doesn’t have this transition effect.

Dear Artem,
Please try to change the menu style and you see the difference.

Don’t be afraid of any fault. It’s staging environment.

Thanks for fast reply!

Here is how it works for us https://gyazo.com/58de227c835248a8c8f9edb048137660

Please view the attached.

Please view the attached file

Attachments:

You must be logged in to view attached files.

Please try to change the menu style and you understand the difference to loading.

I try it to the original https://demo.xtemos.com/basel demo to my localhost. This menu has some fade-in effect and it is very slow

You can disable this effect with this code

body .header-split .main-nav {
    opacity: 1;
    visibility: visible;
}

But note that the menu will overlap the logo image while the page will not be fully loaded.

It’s terrible! There are only these 2 options?

1. The menu fade in slowly…and the user waiting for loading.
2. Until the logo full loading the menu overlap….

May you help me?

Sorry, but there are no other option for this.

1. Its speed depends on your website loading. And in turn, it depends on your server speed.

The server this site is hosted is semi-dedicated and the pagespeed are 93 desktop and 96 mobile…. The TTFB is about 256-300ms.

Maybe the problem is that the menu loads after 1700 lines of code. Is there any file to customise it so the menu code loads sooner? For example to 500 line for example?

Currently, your home page content has 12+MB that is extremely large https://gyazo.com/796d379fcd8e369e8d5e3673338a5e6f
It loads 10+ seconds and that is why you see this effect. It doesn’t matter how menu lines the menu has. If you want to reduce it, you need to remove some items from the menu in Appearance -> Menus.

I believe it’s a bug of the simplified menu. I just changed the header design from “simplified” to “e-commerce” and it loads amazing fast without any other customization.

Please may you take a look now to https://www.staging1.sneakerstown.gr?
Thanks!

This header doesn’t have a split menu navigation as the header you used before. The problem is that it has a logo and it is inserted to the center of your menu with JS script and it is executed only when the page is loaded.

[Author]

Posts