# DUPLICATE: Nav nestable hover styling

**URL:** <https://forum.bricksbuilder.io/t/duplicate-nav-nestable-hover-styling/30299>\
**Category:** Bugs\
**Tags:** v1-12-1\
**Created:** [February 15, 2025, 3:19pm UTC](https://forum.bricksbuilder.io/t/duplicate-nav-nestable-hover-styling/30299 "2025-02-15T15:19:54Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![myUsername](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/m/c77e96/32.png) [@myUsername](https://forum.bricksbuilder.io/u/myUsername)\
**Post date:** [February 15, 2025, 3:19pm UTC](https://forum.bricksbuilder.io/t/duplicate-nav-nestable-hover-styling/30299/1 "2025-02-15T15:19:54Z")

</div>

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](https://forum.bricksbuilder.io/uploads/default/original/3X/f/8/f8b0c6638517db53b4c4616d8b8395a0e23fa607.gif)

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

> **[Find Your Dream Home In Ghana | LuxeReside](https://luxereside.com/)**
>
> Discover top Ghanaian properties with LuxeReside. 20+ years of expertise in finding your perfect home. Personalized service guaranteed.

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [February 17, 2025, 9:16am UTC](https://forum.bricksbuilder.io/t/duplicate-nav-nestable-hover-styling/30299/2 "2025-02-17T09:16:03Z")

</div>

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.

> [@WIP: Some bugs in dropdown multi level](https://forum.bricksbuilder.io/t/wip-some-bugs-in-dropdown-multi-level/15421):
>
> Browser: Chrome 116 OS: Windows URL: [try.bricksbuilder.io/t7b3ff1b/fvvv/](http://try.bricksbuilder.io/t7b3ff1b/fvvv/) Hi bricks team, I was checking out “multilevel” today when I came across a few bugs. These 4 bugs are fully mentioned in the video below, and I will share the nav menu template that I used in the video so that you can check its settings for troubleshooting if needed. 1- When hovering over items, if we consider a background color for the items, it will cause the border radius of the content to be ignored. The only solut…

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

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

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

```

Best regards,  
timmse

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [February 17, 2025, 9:16am UTC](https://forum.bricksbuilder.io/t/duplicate-nav-nestable-hover-styling/30299/3 "2025-02-17T09:16:19Z")

</div>

Closed on February 17, 2025, 9:16am UTC