Hamburger menu not responding on desktop size

[eetubergman]

I added custom css to adjust the menu breakpoint.
Now the mobile menu does not respond when clicked, if screen size is over 980px.

/* hamburger menu
@media (max-width: 1180px) {
a.x-btn-navbar {
display: inline-block;
float: right;
}
.x-nav-wrap.mobile.collapse.in {
display: block;
}
.x-nav-wrap.desktop {
display: none;
}
}

[Joao]

Hi There,

Please use the following code instead:

@media only screen and (max-width:1180px){
    .x-nav-wrap.desktop {
        display: none;
    }
    .x-btn-navbar {
        display: block;
        float: right;
    }
    .x-nav-wrap.mobile.in,
    .x-nav-wrap.mobile.collapsing {
        display: block;
    }
    body.x-navbar-fixed-top-active .x-navbar-wrap {
        height: auto;
    }
    .x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
        position: relative;
        top: 0;
    }
}

Hope it helps