Dropdown fixed item

Sparkling
1

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

2

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

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

Best Regards,
Movin

3

Hi Movin,

that solved my problem. Thanks a lot! :smiley:

4

You are most welcome here :slight_smile: