Hi,
I’m trying to modify styling so that the navigation bar collapses (to the hamburger style nav) at 1200px instead of the current 973px.
My dive into the Renew theme’s CSS led me to try overriding it with this:
@media (max-width: 1200px) {
.masthead-inline .x-btn-navbar {
display:block;
float: right;
}
.masthead-stacked .x-btn-navbar {
display: inline-block
}
.masthead-stacked .x-navbar {
text-align:center
}
ul#menu-main-menu.x-nav{
display:none;
}
}
My current code brings hides the large menu and shows the collapsed one but it doesn’t function properly (clicking on it does nothing).
I’d appreciate any advice you have for achieving this. I’m doing all this because I have enough nav links that they “hit” my site logo around 1200 px, which causes weird behavior. I’d link my site but I’m on local host.