Hamburger menu issue

Hi there, our client’s website https://www.hegartyscorner.com seems to have an issue with the responsive menu.

Issue 1:
The desktop menu used to revert to a hamburger menu and the desktop menu would hide. At 979px both menus are visible. Has this been caused by a WP update?

Is it a simple case of adding CSS at 979px display:none to hide it or does something need fixed in Wordpress?

Kind Regards
Angela

Hi Angela,

Thank you for writing in, please find the custom CSS below on your Theme Options > CSS and remove it.

.x-nav-wrap.desktop {
    display: block;
    margin-top: 30px;
}

That is the code that force your desktop menu to show even on mobile.

For some reason if you need that code, then please wrap it with a media query so it does not affect the mobile view.

Update that to this:

@media (min-width: 980px) {
	.x-nav-wrap.desktop {
    display: block;
    margin-top: 30px;
}
}

If you cannot find that code, please provide us login credentials in a secure note so we can take a look.

Cheers!

Hi there, that fixed it. Thankyou for your quick response
Angela

You’re most welcome Angela! :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.