Archived topic

Mobile Menu Issue

5 replies · Started by Ashley on May 3, 2019

Viewing posts 1–6 of 6

May 3, 2019 at 3:44 am #887660

Hi Guys,

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

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.

May 3, 2019 at 5:17 am #887737

Hi there,

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

May 3, 2019 at 5:23 am #887740

Hi David,

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

May 3, 2019 at 5:38 am #887753

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;
}

May 3, 2019 at 6:15 am #887796

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.

May 3, 2019 at 6:48 am #887826

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;
}

This archived topic is closed to new replies.