Hi,
I need help adjusting the font size and color of the dropdown submenu in the main header menu, specifically under the item “Exposiciones”.
Here is the situation:
My HTML Block mega menu (used under “Todas las Categorías”) works perfectly and should remain exactly as it is.
The problem is with the regular dropdown in the main header navigation (NOT a mega menu).
When I hover over “Exposiciones”, the submenu opens, but:
The text appears very small
The text color is very light
It is almost unreadable on desktop
What I need:
Increase the font size of the submenu items
Change the text color to something darker
Improve readability
What I already tried:
Adding custom CSS → no effect
Using “Advanced Typography → Menu dropdowns second level” → this changed the mega menu, but not the main header dropdown
I do NOT want to convert “Exposiciones” into a mega menu, because I only need a simple dropdown
So it seems that the main header dropdown uses a different CSS selector, and I cannot find which one.
Could you please tell me:
What is the correct CSS selector for styling the dropdown submenu of the main header menu?
Or, is there a built-in option in Woodmart to change its font size and color without turning it into a mega menu?
I attach screenshots of both menus so you can see the difference.
Thank you very much.
Attachments:
You must be
logged in to view attached files.