WordPress Twenty Twenty-One Theme Menu Customization

  • hscchang100

    (@hscchang100)


    3 years, 10 months ago

    Hi,

    Please check my website at [ redundant link removed ]
    I have two questions regarding customizing the Menu bar on top:

    1. If you look at the last item “Categories” which is actually a ‘category’, there’s a “+” added in which you need to click on, in order to view the dropdown menu to view the subcategories. Is there some way for the “+” to not show up and for users to just hover on the “Categories” word and see the dropdown menu automatically, like in the previous WordPress themes?

    2. For that same “Categories” tab, I would like users when clicking on the actual word, to be taken to the “Categories” page. How do I design that? Is there a code a can add under “CSS classes” in order to add the link to the “Categories” page?

    Thank you

    Helen

    • This topic was modified 3 years, 10 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Vijay Hardaha

    (@vijayhardaha)

    3 years, 10 months ago

    1. As I checked your live website, I didn’t need to click on “+” to see the submenus, just the hover on the menu link was opening the sub menus for me. I tested on PC/Laptop, in touch devices like iPad/Tablet, you may need that “+” to be clicked.

    2. I don’t fully understand this but I am guessing, you are talking about the submenu link pages that you want to load when link is clicked but I think, you didn’t create categories in backend so you see the 404/Page not found page when you click on those links. so you need to create those categories first in order to access those.

    Thread Starter hscchang100

    (@hscchang100)

    3 years, 10 months ago

    Hi Vijay,

    Thank you for your reply.

    1. Please see attached screenshot on my Chrome browser on my Windows laptop. It shows the “+” sign. Update: Just realized that I can’t attach a screenshot to this message. But I see the “+” sign on any browser I use on my laptop?

    2. Regarding Q2: I’m referring to when I click on the “Categories” tab (the tab on the most right side), I would like for it to redirect to the page

    https://helenreviews.com/categories/

    Is there a way to add the link for that?

    Thank you

    Helen

    • This reply was modified 3 years, 10 months ago by hscchang100.
    • This reply was modified 3 years, 10 months ago by hscchang100.
    Vijay Hardaha

    (@vijayhardaha)

    3 years, 10 months ago

    1. Yes, I can see the “+” but i don’t have to click it to open the submenus.

    2. Just change the link to https://helenreviews.com/categories/ currently it’s set to https://helenreviews.com/category/categories/ you just need to change the link.

    Vijay Hardaha

    (@vijayhardaha)

    3 years, 10 months ago

    If you don’t wanna keep the “+” then you can add this css to hide the icon

    .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
    display: none;
}
    Thread Starter hscchang100

    (@hscchang100)

    3 years, 10 months ago

    Hi Vijay,

    1. Where do I change the link in my menu settings?
    2. I added that css code under my additional css panel, but the “+” sign still shows up.

    Can you please check to see if I added that in the correct place?

    Thank you

    Helen

    Vijay Hardaha

    (@vijayhardaha)

    3 years, 10 months ago

    1. In your backend goto Appearance > Menus
    here you can manage(add/edit/delete/move) your menu items as per your need.

    2. CSS code is ok, problem is with your copy-paste, the “>” symbol has change to “& gt;” code, you need to properly copy paste things again

    • This reply was modified 3 years, 10 months ago by Vijay Hardaha.
Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘WordPress Twenty Twenty-One Theme Menu Customization’ is closed to new replies.