Hi,
I searched the forums and found this code
nav.x-nav-wrap.desktop {
display: none;
}
.x-nav-wrap.mobile.collapse.in {
display: block;
}
.x-navbar.x-navbar-fixed-top {
position: fixed !important;
}
.x-btn-navbar {
box-shadow: none;
border-radius:0;
background-color:#2a484a;
}
Which works except the dropdown menu only shows when I am on a mobile device. You can see what I mean on my live site here
I tried to do
@media (min-width: 980px){
.x-nav-wrap.mobile {
display: block;
}
}
but that made the sub menu show all the time instead of just when I clicked on the hamburger.
Thanks!