# Dropdown fixed item

**URL:** <https://colorlibsupport.com/t/dropdown-fixed-item/9341>\
**Category:** Sparkling\
**Created:** [March 6, 2016, 1:09am UTC](https://colorlibsupport.com/t/dropdown-fixed-item/9341 "2016-03-06T01:09:09Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![sebagela](https://colorlibsupport.com/user_avatar/colorlibsupport.com/sebagela/32/2166_2.png) [@sebagela](https://colorlibsupport.com/u/sebagela)\
**Post date:** [March 6, 2016, 1:09am UTC](https://colorlibsupport.com/t/dropdown-fixed-item/9341/1 "2016-03-06T01:09:09Z")

</div>

Hello! I’ve just played with some effects for the navbar. I’ve added a background effect on hover (#da6434) with white text (while it is black with white background in normal situation. When I click on a link in the navbar, it still maintains the hover effect as it is supposed to work.

My problem is for dropdown menus: the effect works on hover and it’s ok. When i click on one of the submenus, however, the main link (the one with the little triangle) remains highlighted (#da6434, but no background). Moreover, if I hover again on the link, it gets the background but the text doesn’t become white as always… resulting unreadable due to same color effect.

How can I fix this and get the usual background effect and white text for the dropdown menus?

Thanks for the help. I am adding some screenshots to better understand.

Site name is www.formazionegestalt.it

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [March 10, 2016, 12:05pm UTC](https://colorlibsupport.com/t/dropdown-fixed-item/9341/2 "2016-03-10T12:05:38Z")

</div>

Hi @sebagela,

I hope you are well today and thank you for your question.

You can try resolving this issue by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -\> Appearance -\> Customize -\> Sparkling Options -\> Other -\> Custom CSS

```auto
body .navbar-default .navbar-nav .current-menu-ancestor a.dropdown-toggle {
    background-color: #DA4453;
    color: #fff;
}

```

Best Regards,  
Movin

---

<div class="post-metadata">

**Author:** ![sebagela](https://colorlibsupport.com/user_avatar/colorlibsupport.com/sebagela/32/2166_2.png) [@sebagela](https://colorlibsupport.com/u/sebagela)\
**Post date:** [March 10, 2016, 1:08pm UTC](https://colorlibsupport.com/t/dropdown-fixed-item/9341/3 "2016-03-10T13:08:35Z")

</div>

Hi Movin,

that solved my problem. Thanks a lot! 😃

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [March 11, 2016, 6:28am UTC](https://colorlibsupport.com/t/dropdown-fixed-item/9341/4 "2016-03-11T06:28:59Z")

</div>

You are most welcome here 🙂