WordPress.org

Support

Support » Plugins and Hacks » [Plugin: Dropdown Menus] Switching on and off for mobile?

[Plugin: Dropdown Menus] Switching on and off for mobile?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Glen Rowell
    Participant

    @a4jpcom

    I want to do the same but have it turn on when a screen is smaller than a certain size.

    Glen Rowell
    Participant

    @a4jpcom

    Is there a way to get parts of the menu to become a drop down field? Or have text become icons somehow?

    Straightshot
    Member

    @straightshot

    I too would like to use it for this very purpose. It seems difficult to implement in this way, yet my understanding for the whole plugin was this usage precisely?

    Hopefully someone can pipe in or I’m going to have to resort to good ol personal code, despite the time penalty‚Ķ

    2046
    Participant

    @o-o

    you have to use the css media query and show or hide this or that menu based on the display width.

    This plugin gives you just the select box, It is up to you what you do with it.

    Genypix
    Member

    @genypix

    I found out how to do this. Add your code where needed in your template files and add display:none; in your css. Then, in the media queries of your choice, put display:block; to make it appear.

    My example :

    <nav id=”selectmenu”>
    <?php dropdown_menu( array( ‘menu’ => ‘Main’ ) ); ?>
    <?php dropdown_menu( array( ‘menu’ => ‘Groupeage’ ) ); ?>
    <?php dropdown_menu( array( ‘menu’ => ‘Evenements’ ) ); ?>
    </nav>

    my css :

    #selectmenu {
    display:none;
    }

    @media only screen and (max-width:600px) {

    #selectmenu {
    display:block;
    }

    }

    just make sure to display:none; your other menu if necessary

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Plugin: Dropdown Menus] Switching on and off for mobile?’ is closed to new replies.