DUPLICATE: Nav nestable hover styling

Bugs
1

Unsure if this is a bug or just an odd way to design.

When i made a page with nested navigation, i wanted hover to change background color and text change color too. But when it becomes nested, only the background color behaves correctly. The text color goes back to default, which ruins design.

Look at this example where the orange background color stays, yet text goes back to the default black color.
msedge_czlyPRrC1D

When i looked at someone elses website, who also made it in Bricks, i noticed the exact same behaviour on his page:

2

Hi,
Thanks so much for your report!

We have already received a report on this, but unfortunately, it has not yet been fixed. We will update the original report once it’s done.

Custom CSS workaround (add it to the nav nestable’s custom CSS):

%root% .brx-dropdown-content {
  color: black;
}

%root% .brx-dropdown-content > li:hover {
  background-color: orange;
  color: white;
}

Best regards,
timmse

1 Like