Issue Bootstrap Navbar css

Question

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

Ahs N · Accepted Answer · 2015-08-05 21:01:47Z

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

answered Aug 5, 2015 at 21:01

Ahs N

8,3961 gold badge30 silver badges34 bronze badges

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

Comments

MHK · Accepted Answer · 2015-08-05 21:00:51Z

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

answered Aug 5, 2015 at 21:00

MHK

3202 silver badges15 bronze badges

Collectives™ on Stack Overflow

Issue Bootstrap Navbar css

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related