ResolvedMobile-Menu highlight the main categories
Tagged: categories highlighted, main menu
- This topic has 5 replies, 2 voices, and was last updated 1 year, 8 months ago by
Althemist.
- AuthorPosts
- January 24, 2022 at 11:10 am #32816
albarex
ParticipantHello there,
I am searching a way to edit the mobile menu so my main-categories are more highlighted like another color. Or maybe with an icon or something.
Is there an option?Thank you and best regards!
January 24, 2022 at 1:25 pm #32822Althemist
KeymasterNo, there is no such option. The only way to achieve this would be with CSS and it should also be done manually for each and every link, using the menu item unique class, because those links are just standard 2-nd level links.
January 24, 2022 at 3:40 pm #32837albarex
Participantand.. sorry that i have to ask.. how do i do that?:-) thank you!
January 25, 2022 at 11:10 am #32847Althemist
KeymasterAs I already explained, you’d need to get the unique class for each menu item (category) and set custom CSS rule for it (e.g. define custom color)
January 25, 2022 at 12:21 pm #32855albarex
ParticipantI was trying to do this but I think my skills are not good enough for that.. Would you please be that kind and provide me a code I can copy and try? 🙂
was trying to put this for example into my style.css:
menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-34040 { color: red; }
January 25, 2022 at 2:43 pm #32856Althemist
KeymasterYou missed the dots before class names. Also it must be a bit more specific. This should work:
ul#mobile-menu.menu li.menu-item-34040 a { color: red; }
- AuthorPosts
You must be logged in and have valid license to reply to this topic.