search

vtex-apps / store-discussion

VTEX IO store builders' community
80 stars 5 forks source link

Mega-menu: className or CSS handles for customize active link on first level #685

Open luiscvz opened 2 years ago

luiscvz commented 2 years ago

What are you trying to accomplish? Please describe.
Customize first level of mega-menu when is active

What have you tried so far?
Change styles with ":hover" or ":active" on vtex.mega-menu.css

Additional info
Actually, VTEX adds "bg-black-05" when a first level category is active. image image

I tried with: .menuItem .bg-black-05 .styledLinkText { color: #c90613; }

.menuItem:hover{
.menuItem .styledLinkContainer{ color: #c90613); }
}

But nothing performs ok.

Any suggests? Thanks in advance!