WordPress.org

Ready to get started?Download WordPress

Forums

Responsive Select Menu
Menu Not hideing and mobile nav visible always (9 posts)

  1. alistairmckenzie
    Member
    Posted 1 year ago #

    HI I have installed your plugin, which when working will be great problem I am having is that the mobile and full menu are both showing all the time irrespective of the screen size you can view at: http://www.imageworksltd.com/clients/presspart/

    http://wordpress.org/extend/plugins/responsive-select-menu/

  2. deaninvic
    Member
    Posted 1 year ago #

    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.

  3. Deyson
    Member
    Posted 1 year ago #

    Same issue here. It is showing both menus not matter the screen size.

  4. a4jp.com
    Member
    Posted 1 year ago #

    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.

  5. nickfmc
    Member
    Posted 1 year ago #

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

  6. alistairmckenzie
    Member
    Posted 1 year ago #

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

  7. sevenspark
    Member
    Plugin Author

    Posted 1 year ago #

    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

  8. a4jp.com
    Member
    Posted 1 year ago #

    Hi Chris,

    That would be very cool if you could do that. For some reason I couldn't get it to work.

  9. sevenspark
    Member
    Plugin Author

    Posted 1 year ago #

    Just submitted 1.3, hopefully it'll resolve the most common issue, which is themes setting the 'container' parameter to 'false'. :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.