WordPress.org

Support

Support » Plugins and Hacks » Responsive Select Menu » [Plugin: Responsive Select Menu] Menu Not hideing and mobile nav visible always

[Plugin: Responsive Select Menu] Menu Not hideing and mobile nav visible always

Viewing 8 replies - 1 through 8 (of 8 total)
  • 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.

    nickfmc

    @nickfmc

    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; }
    }

    alistairmckenzie

    @alistairmckenzie

    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; }
    }

    Plugin Author sevenspark

    @sevenspark

    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.

    Plugin Author sevenspark

    @sevenspark

    Just submitted 1.3, hopefully it’ll resolve the most common issue, which is themes setting the ‘container’ parameter to ‘false’. 🙂

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Plugin: Responsive Select Menu] Menu Not hideing and mobile nav visible always’ is closed to new replies.
Skip to toolbar