WordPress.org

Ready to get started?Download WordPress

Forums

Dropdown Menus
Switching on and off for mobile? (6 posts)

  1. booth_1
    Member
    Posted 1 year ago #

    Hi, I am using this plugin as the alternative to PC navigation (so for mobile), I was wondering if it is possible, or if you know a way to switch the widget on and off depending on mobile use?

    Thanks
    tyrhone

    http://wordpress.org/extend/plugins/dropdown-menus/

  2. a4jp.com
    Member
    Posted 1 year ago #

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

  3. a4jp.com
    Member
    Posted 1 year ago #

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

  4. Straightshot
    Member
    Posted 1 year ago #

    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…

  5. 2046
    Member
    Posted 1 year ago #

    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.

  6. Genypix
    Member
    Posted 10 months ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.