I too would like to have the responsive menu hide when the regular menu is visible.
It takes up extra menu space, works great otherwise.
Same issue here. It is showing both menus not matter the screen size.
If I could get it to show I could help with a media call to hide the menu if you like. What did you name the menu? I can’t get it to show to test it.
You need to follow the CSS of Chris’s Tutorial.
http://css-tricks.com/convert-menu-to-dropdown/
Basically you are going to set the following in your main CSS:
nav select {
display: none;
}
Then apply a media query at what ever size you want the nav to switch over:
@media (max-width: 960px) {
nav ul { display: none; }
nav select { display: inline-block; }
}
Thanks Nick thats sorted it for me, Just had to change the css to what suited for me as below but now working cheers
.responsiveMenuSelect {
display: none;
}
@media (max-width: 960px) {
#menu-main-navigation-1 { display: none; }
.responsiveMenuSelect { display: inline-block; }
}
Hey guys,
This will happen if your theme is not using a ‘container’ when calling wp_nav_menu. Basically, if there isn’t a ‘container’ parameter set when calling the function, Responsive Select can’t add it’s class to the container, and therefore the CSS for hiding the menu won’t be applied.
I’ll try to add an update that’ll force a container if one doesn’t exist 🙂
Chris
Hi Chris,
That would be very cool if you could do that. For some reason I couldn’t get it to work.
Just submitted 1.3, hopefully it’ll resolve the most common issue, which is themes setting the ‘container’ parameter to ‘false’. 🙂
