CODEWITHSUNDEEP
cssdrop-down-menutwitter-bootstrapresponsive-design
jwchang
jwchang

Reputation: 10864

Twitter Bootstrap Dropdown menu creates extra carets in collapsed navbar

I'm using Twitter Bootstrap

and having problem with dropdown menu in collapsed navbar.

By clicking the top-right button to open the menu, the menu can be opened in collapsed version.

An extra caret is only created when screen is collapsed enough to show collapsed version of navbar.

How to fix this problem to not see the extra caret above the dropdown menu?

I do not want to see strange upper caret above Category menu.

Demo

Upvotes: 2

Views: 2923

Answers (1)

Twistieman
Twistieman

Reputation: 131

This is caused by the default styles of the Bootstrap navigation. The easiest way to remove it is to override the style which creates this by placing this CSS class somewhere in the CSS that you load after bootstrap CSS files.

.nav li.dropdown ul.dropdown-menu:before, .nav li.dropdown ul.dropdown-menu:after {
  display: none;
}

Upvotes: 1

Related Questions