Menu Extends Automatically

Hello,

Can you please explain what you mean exactly by “the menu automatically extending when the page downloads”?

We’re not sure what you mean by that, sorry!

Thanks,

Oliver

Please try it in mobile, on desktop it does not do it. Sorry about the confusion, let me know if you need a screenshot.

Can you please disable lightspeed plugin so we can confirm if the issue persists?

Thank you,

Oliver

Done

OK, so it looks like this may well be caused by the theme.

The theme adds “js” class to the body of the site which is used to hide the modal but this isn’t immediate.

Try adding this to “Customizer – Additional CSS” …

@media screen and (max-width: 48em) {
.main-navigation ul, .main-navigation > div > ul {
display: none;
}
}

If that works we can look at adding it into the plugin.

Oliver

Hi, it is not working. Do you have another fix to try?

Please confirm you have added the CSS above and that you have disabled lightspeed because it looks like light speed is enabled and we cannot see the CSS.

Otherwise we are unable to fix this issue.

Thank you,

Oliver

I also tried it with the litespeed plugin reactivated, but no luck. The menu still drops n mobile.

Litespeed is disabled again…

We still cannot see that CSS above in your “Customizer – Additional CSS”.

Please double check this CSS is there so we can test.

Oliver

The plugin is disabled, I also purged the cache in cloudflare

CSS is still in customizer

Your custom CSS says “min-width” not “max-width”.

Please copy and paste the CSS again.

@media screen and (max-width: 48em) {
.main-navigation ul, .main-navigation > div > ul {
display: none;
}
}

Thank you,

Oliver

I took it from the email, that is what it said. Anyway, it is corrected now and seems to be working with the litespeed plugin activated. Thanks for your insights…..

Is there anyway to preload the featured images? There is a second when the page is loading where there is only a black screen….

• This reply was modified 3 years, 9 months ago by Edwin.