Mobile menu shows quickly but only can be clicked after the full page loaded

[ingo]

Hi,

we are running a website that has quite a lot of content to load.

The mobile menu shows quickly but sadly can only be clicked after the full page has loaded.

I read that the script for the menu’s functionality is loaded in the footer. Is there a way to load it in the header to let visitors use it before the full content has loaded?

Thanks in advance and best regards

[tristup]

Hi @ingo,

Thanks for reaching out.
The Mobile menu loads the Modal at the end of the DOM, so if you click into the Burger between it loads the Modal, which should not open that. And there is no other way to open it before loading the DOM completely.

Thanks

[ingo]

Thank you for the response.

Can I take the relevant code snippet from the footer and move it to the header? What exactly should I look for, if that’s possible?

[ruenel]

Hello @ingo,

You may not be able to do that. I would suggest that you check out this article so that you can fully understand what happens behind the scenes when a browser loads a web page:

• https://gomakethings.com/what-order-do-files-load-in-the-browser/
• https://www.quora.com/What-determines-the-order-in-which-web-page-elements-load

Loading the JS in the header is not recommended because it can affect the page’s loading speed.

Hope this helps.