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

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

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

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…

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.

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