Drop down menus in sidebar

  • Author
    Posts
  • #132163
    pcmmccarney
    Member

    Hi there,
    I just switched over to the Wanderer theme and I noticed that the drop-down menus I had set up for my sidebar menu no longer work as drop downs – the menu now just lists all of the pages and categories at the same level. For example, I had a Page set to drop down and show a number of my blog Categories under it. Now they are just all listed right in the sidebar.
    Anyone have any suggestions for this?
    Thanks!

    The blog I need help with is: (visible only to logged in users)

    #132165
    jleuze
    Theme Author

    Hi Paul, the Wanderer theme doesn’t support dropdown menus because of the way the navigation is setup in the flyout sidebar.

    You could set that menu up with submenu items again and style the submenus to be indented underneath their parents to show the hierarchy that you want.

    #132168
    pcmmccarney
    Member
    Original poster

    Actually that’s what I was trying to do as a backup but it doesn’t seem that the submenus will appear indented either. Unless I’m not doing that correctly. Can you style it that way through the regular menus customizer in WordPress?
    Thanks for the help.

    #132169
    jleuze
    Theme Author

    You can’t style them via the menu editor, but you can set it up like a submenu like you had it before, and then I can show you some custom styles you can use to indent the submenus.

    #132170
    pcmmccarney
    Member
    Original poster

    Oh that’s ok, I think I’ll just leave it as is. It might end up being simpler and more streamlined this way anyway, with fewer words and menu options for people to read through.
    Really appreciate the help though!

    #132171
    jleuze
    Theme Author

    No problem!

    #133386

    I am having the same issue. I would like to know what those style options are, please. Thank you.

    #133394
    jleuze
    Theme Author

    @englishadventuress Try using this custom CSS to left align the menu text and add indentions for sub menu items:

    
    .main-navigation li {
        margin: 15px;
        text-align: left;
    }
    
    #133412

    Thank you for responding!
    This is very helpful.

    #133413
    jleuze
    Theme Author

    You’re welcome!

  • The topic ‘Drop down menus in sidebar’ is closed to new replies.