[Resolved] Mobile Menu as Pulldown?

Home Forums Support [Resolved] Mobile Menu as Pulldown?

Home Forums Support Mobile Menu as Pulldown?

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #125893
    Alexander

    Hi,

    is there a way to change the Mobile Menu to a Pulldown Menu?

    Alex

    #125997
    Tom
    Lead Developer
    Lead Developer

    Not too sure what you mean – any examples?

    #126023
    Alexander

    sorry Drop-Down Menu -:)

    Example: http://schlauchboot-kaufen.eu

    #126046
    Tom
    Lead Developer
    Lead Developer

    This is built in, you just have to set your menu in “Appearance > Editor”.

    Once the menu is set, drag and indent menu items beneath their parent items to create a dropdown menu.

    https://codex.wordpress.org/WordPress_Menu_User_Guide#Creating_Multi-level_Menus

    #126089
    Alexander

    Sorry, I do not understand?

    #126196
    Tom
    Lead Developer
    Lead Developer

    In “Appearance > Menus”, drag and drop the menu items to the right under the parent item (the top level menu item). This will create a dropdown menu for you.

    More info here:
    http://wptavern.com/how-to-create-a-dropdown-menu-of-wordpress-categories-without-using-code
    https://codex.wordpress.org/WordPress_Menu_User_Guide#Creating_Multi-level_Menus

    You can also YouTube “WordPress dropdown menu” and you’ll find quite a few videos showing how to do this ๐Ÿ™‚

    #126223
    Alexander

    This is not that i mean ๐Ÿ™‚

    Resize the example Page to Mobile Width and you see what i mean.

    #126405
    Tom
    Lead Developer
    Lead Developer

    Ah, well GP has a built in mobile menu.

    However, if you want a select dropdown menu, this plugin may work for you: https://wordpress.org/plugins/jquery-responsive-select-menu/

    #126432
    Alexander

    Yeah, thanks Tom.
    But now it shows both ๐Ÿ™‚

    How can i disable the Org-GP Mobile Menรผ?

    #126441
    Tom
    Lead Developer
    Lead Developer

    You can use this CSS:

    @media (max-width:768px) {
          .menu-toggle {
                display: none;
          }
    }
    #126459
    Alexander

    I use:

    
    @media (max-width:1000px) {
          .menu-toggle {
                display: none !important;
          }
          .main-navigation {
    			height: 45px !important;
    			padding-top: 15px;
          }
    }
    

    Perfect !

    #126460
    Tom
    Lead Developer
    Lead Developer

    Awesome ๐Ÿ™‚

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.