[Support request] Mobile Menu Issue

[Ashley]

Hi Guys,

I’m having issues with the mobile menu on my site: nine2.co.uk

I’ve recorded a quick screencast to show you the issue:
https://www.loom.com/share/ec9d6e82888e49b5b3b3491ce8a0f235

It works fine in the customizer but not when you view on the frontend.

I’ve tried clearing and deactivating the cache to no avail.

[David]

Hi there,

can you flush and disable your cache and let me know if the problem persists

[Ashley]

Hi David,

I’ve just flushed the cache again and disabled it.
The issues are still present.

[David]

I am still seeing the CSS being cached, which is messing with the order of the styles.
Add this CSS:

.main-navigation.toggled .main-nav>ul {
    background-color: #062b34 !important;
}

[Ashley]

Hi David,

Thanks, that seems to have fixed the nav once opened but the button itself is supposed to have a transparent background.

I’ve added:

.mobile-header-navigation button:hover{
background: transparent !important;
}

But it seems to be ignoring it.

[David]

The thing is we’re fixing things that the cache has broken…. but you can try this:

.main-navigation .menu-toggle:hover {
    background-color: transparent;
}

[Author]

Posts