Turn off the arrows next to categories on the menu bar

I want to turn off the arrows next to categories on the menu bar, but the menu drop-down effect when hovering over a category remains the same. Hope you can guide me how to do it, thank you very much

Attachments:

You must be logged in to view attached files.

Hello dhndigitalmarketing,

Thanks for reaching to us.

Please use below Custom CSS:

ul.wd-nav>li:is(.wd-has-children,.menu-item-has-children)>a:after {
    font-size: 0;
}

Best Regards,

Well, I want the arrow to disappear and not take up the area of ​​the list box containing it. I hope you can help me, thank you very much.

Hello dhndigitalmarketing,

Sorry, but your question is a bit unclear to me. Please describe in more details, this will allow me to thoroughly investigate and address your concerns in a more efficient.

Regards,

Well, currently the arrow next to the category on the menu bar is hidden, but when I checked, it still takes up space, the evidence is that categories that do not contain subcategories, their cell area is only large enough for the text. As for the category with the arrow hidden, it still has a little extra space as shown. I want it to disappear and not take up space like categories that do not contain subcategories.

Attachments:

You must be logged in to view attached files.

Hello dhndigitalmarketing,

Please remove above code and use below one:

ul.wd-nav>li:is(.wd-has-children,.menu-item-has-children)>a:after {
    display: none;
}

Regards,

Thank you very much, I attached it and it worked exactly as I wanted. I have a question to ask: does this css work to turn off the arrow for all categories (containing subcategories) that I add to the menu later? or does it only work for the 2 categories Iphone and Mac that I asked you to turn off the arrow for?

[Author]

Posts