How can I create more than one drop down menu for categories?

  • Unknown's avatar

    How can I create more than one drop down menu for categories? For example, can I have one drop down menu that allows people to choose “cuisine” or another drop down that is sorted by “location.”

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

  • Unknown's avatar

    Howdy!

    The easiest way to do this would be to create custom menus:

    Menus

    For example, you could set the title of the first menu as “Location.” Then, you could put all of your location-based categories in that menu.

    Then, you could create another menu titled “Cuisine” and highlight all of your cuisine-based categories.

    To get these on your sidebar, you could use the following widget:

    http://en.support.wordpress.com/widgets/custom-menu-widget/

    Would that work for what you’re looking for?

  • Unknown's avatar

    Thank you for the help, but this only serves to add another site menu which isn’t what I meant to ask. I’ll take the blame for using the word “menu” instead of “category.”

    That said, what I meant to ask is, how can I get about six separate drop down categories so that people don’t have to scroll endlessly through one extremely long drop down.

  • Unknown's avatar

    Hi!

    Just to make sure I understand correctly, you’re referring to the widget here:

    http://d.pr/i/1hnLT

    Is that correct? The issue is that it’s displaying all of your categories. You would like to have a separate dropdown for each. That’s not possible. By default, the Category widget will always display all of your categories.

    I think the Custom Menu widget will still get the look you’re going for. For example, you would create a custom menu titled “Categories”. Then, you would insert “Cost” as a blank element in the menu shown here:

    Menus

    Now, you’ll add all of the sub-categories of “Cost” to the menu using the option here:

    http://d.pr/i/1diJr

    You can create sub-menu items following the steps here:

    Menus

    So, we’ll end up with an entire menu of a parent element that, when clicked, expands to show the sub-categories.

    Now, we can place that on your sidebar using the Custom Menu widget:

    http://en.support.wordpress.com/widgets/custom-menu-widget/

    Can you give this a try? Alternatively, I can set an example of this up for you on your site if you want!

  • Unknown's avatar

    Thank you. I’ll definitely give it try in a bit. Just one more question though. This current template I’m using says it can only display one menu at a time. So, does this mean I need to upgrade? Or choose another template? And if it’s the latter, how do I know from scanning the templates that the one I’m choosing can display enough menus to suit my needs?

    Thank you again for all the help. I sincerely appreciate it.

    Best,
    FF

  • Unknown's avatar

    This just means that it will only display one menu here:

    http://d.pr/i/1fnHN

    You can see this under the menu locations page:

    https://ferociousfoodiedotcom.wordpress.com/wp-admin/nav-menus.php?action=locations

    Compare that to something like Twenty Fourteen that has two menu areas:

    http://d.pr/i/1htJt

    However, you can use the Custom Menu widget multiple times down your sidebar.

  • Unknown's avatar

    Okay… So I figured out how to get the multiple drop down widgets. Now my issue is figuring out how to edit them so that they only show the subcategories that are pertinent to each.

    Sorry to be pain about this…

  • Unknown's avatar

    No problem at all! Currently, you’re using the category drop-down as shown here:

    http://d.pr/i/1fUGN

    By default, that will display all of your categories in that drop-down. It’s not possible to truncate this down to only one category.

    Would you mind if I created an example of how to do this with a custom menu on your site as an example? I think this will make more sense once you see it in action!

  • Unknown's avatar

    That would be awesome. Thank you. I feel like I owe you a drink after all of this.

  • Unknown's avatar

    Hi!

    Can you check out the menu at the bottom of your sidebar now? Here’s a screenshot:

    http://d.pr/i/1dfUn

    Is that similar to what you’re looking for?

  • Unknown's avatar

    It’s close. Thank you. The issue with doing it that way, however, is real estate. Meaning with as many categories as I have, it would mean users would have to scroll forever to get through all of them. Which they currently do on my drop down widget, but at least it takes up less room until you expand it.

    My aim was to make the scrolling in the drop downs a little shorter by sub-categorizing them so that users would only have to scroll through the sub category that interested them, as opposed to all of them in one.

    Here’s a link to what I was kind of hoping for:

    https://www.theinfatuation.com

  • Unknown's avatar

    Thanks for clarifying! I think the best option then with the Confit theme would be to do a sub-menu within your menu like this:

    http://d.pr/i/1gwCI

    We could set each category as the main menu element with fly-outs for each category. That shouldn’t take up too much space. Thoughts?

    Also, it looks like your domain name servers are now pointed to GoDaddy. Did you mean to switch those over?

  • Unknown's avatar

    Thank you. Yet again. I’ll try the sub-menu tact. Anything more I need to know regarding that?

    Also, as for the GoDaddy thing, I think I might’ve done that in error. My iphone WordPress App prompted me if I wanted to change my url from a .wordpress to just a .com and I said yes, wanting just a clean URL. Just switched back I believe. Let me know if I didn’t.

    Best,
    A

  • Unknown's avatar

    Me again… Where is the option to create sub menus? Can’t seem to find it.

  • Unknown's avatar

    Thank you. Yet again. I’ll try the sub-menu tact. Anything more I need to know regarding that?

    Me again… Where is the option to create sub menus? Can’t seem to find it.

    I created a short screencast documenting how to create sub-menus. It involves dragging and dropping the items underneath the parent element:

    http://d.pr/v/14ldw

    Here are the steps laid out:

    1. Add a blank link titled “Cost.” This will serve as the parent element. In the “Link” field, place a #. This will make the element unclickable.
    2. Add all of the cost-related categories to the menu
    3. Drag and drop the cost-related categories underneath the blank cost element we created in step #1.

    Can you give that a try?

    Also, as for the GoDaddy thing, I think I might’ve done that in error. My iphone WordPress App prompted me if I wanted to change my url from a .wordpress to just a .com and I said yes, wanting just a clean URL. Just switched back I believe. Let me know if I didn’t.

    Yep! Looks like this is all fixed up now.

  • Unknown's avatar

    Disco! You da man!

    Thank you,
    FF

  • Unknown's avatar

    No problem! Happy to help.

  • The topic ‘How can I create more than one drop down menu for categories?’ is closed to new replies.