1

I have a bootstrap navbar with some custom code to be able to use 2nd level submenus. The issue I'm having is when I click Menu Item 1, then sub 1(or sub 2) to open a 2nd level submenu, the li item containing sub 1 or sub 2 shows a white background whenever the mouse is off this sub 1 or sub 2 item. Any help to remove this white background would be really appreciated. I have tried many things without success. The bootply is here : http://www.bootply.com/sugW3tvaLT

2 Answers 2

2

Add this to your CSS code:

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #000080 !important;
}

This will overwrite the default color that bootstrap is applying.

Here is the updated Bootply code link

Sign up to request clarification or add additional context in comments.

Comments

0

go to your bootstrap.css file find there .nav .open > a, .nav .open > a:focus, .nav .open > a:hover replace background-color #EEE to the color what you want to show on active

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.