Have burger menu showing all the time

[mikejcarton]

Hi there,

I have got a burger menu in place using custom CSS from an old themeco thread.

However the burger button does not seem to do anything when it is clicked. I have a menu attached already so I am not sure what else I need to do.

The site is http://syslor.net/, and the current css i used for the menu is

a.x-btn-navbar {
display: block;
float: right;
}

nav.x-nav-wrap.desktop {
display: none;
}

.x-nav-wrap.mobile.collapse.in {
display: block;
}

.x-navbar.x-navbar-fixed-top {
position: fixed !important;
}

[nico]

Hi @mickster58,

Thanks for writing in.

I have checked your site and your burger menu is working well. I could see also that your setup does not have any script conflict and your site is updated. So there is a small chance that your menu will not work. Clear your site and browser cache before checking again or you could use private browsing before checking your site again.

Let us know how it goes.

Thanks.

[mikejcarton]

Sorry maybe I was not clear in my last post.

The button is there but it is not working, it works fine on mobile but no menu shows when the button is clicked on desktop.

I have cleared the cache and viewed the site on private browsing and proxy. Still nothing happens when the button is clicked on desktop.

[nabeel]

Hi again,

Please try adding the following CSS code in the Theme Options > CSS:

.x-nav-wrap.mobile:not(.x-collapsed) {
    display: block !important;
}

Let us know how this goes!