Megamenu Grid: Change font weight of toggle on hover/active

[KillianBranding]

Hi,

I’m trying to target text being used as a toggle for a megamenu grid to change the font weight on hover/the megamenu is open on click. So far, I’ve only been able to get it to work when hover directly over the text using:

.x-anchor .x-anchor-text-primary:hover{
font-weight:700 !important;
}

Is there a way to have the font weight change when hovering over any part of the toggle (not just the text) and keeping the font weight change when the megamenu is open?

Thanks!

[ruenel]

Hey Killian,

Thanks for writing in! You may need to update the code and add the :hover on the first class selector.

@KillianBranding

.x-anchor .x-anchor-text-primary:hover{
font-weight:700 !important;
}

It might be this:

.x-anchor:hover .x-anchor-text-primary{
      /* your styling here */
}

If this is not working, please share to us the URL of your site so we can inspect it.

Best Regards.