Tagged: first child menu, mega menu, menu, mobile, style bold, sub-menu
Hi!
For the mobile version of this website https://www.centroflorentia.it, I would like to have each first item of the row of the main menu (the words: occhi, mente, ossa, pelle) in a bold style to make the menu look readable.
What kind of css code may I use?
I’ve tried but I didn’t succeed.
Could you please help me?
Thank you!
Laura
Hey opificioilgranello,
Thank you for the inquiry.
You can add this css code to target the first items in the submenu and adjust their style.
#av-burger-menu-ul li .sub-menu > .av-width-submenu > a {
font-weight: 600;
color: red !important;
}
Best regards,
Ismael
Perfect! 💙
Thank you so much!
Laura
Hi,
Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul > .av-active-burger-items > a {
font-weight: 900;
color: red !important;
}
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area of the expected results.
Best regards,
Mike
Thank you Mike!!! 💙 It works :D
Laura