How To Get My Header Menu To Load Properly

Hello,

I’m using an app that replaces the standard header menu with a mega menu. It’s working as planned except for one thing. When I load my page, it loads up the default style of header for about 1 second, then that disappears and loads the correct mega menu. I want to make it so that either:

The header menu text is the same colour as my header menu background, so you won’t notice that it is loading the wrong menu then changing to the right menu. This problem only affects the desktop version of my website, as the mobile version uses the standard hamburger menu still. I can’t just change the colour in the customize settings because this will then make the mobile version impossible to read, so if I go for this option, I need to make it so the change only affects the desktop header menu text.

Stop it loading the wrong menu in the first place and just load the mega menu I have set up.

Thank you for any advice you can give.

1 Like

Hi @Vapegeko

3 way you can try it.

1: hire a developer to custom your mega menu without app

2: use css code to hide your original menu ( but people can only see the menu when app loaded

3: contact your app support, let them know app delay loading to much

@Vapegeko

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.