CODEWITHSUNDEEP
drop-down-menualignmenttwitter-bootstrap-3megamenu
DilipKP
DilipKP

Reputation: 11

Twitter's Bootstrap 3 Dropdown mega menu going out of browser

I'm trying to make a mega menu using Twitter Bootstrap 3.0 and it works fine. But when it comes to the last list item with mega menu, the dropdown goes out of the browser, since it starts from left. How can i make the last list item's dropdown only starts from right to left. I've tried to use "pull-right", but it doesn't work properly. When using "pull-right" for the main menu list item, the dropdown starts from extreme right of the navigation bar. I want it like, the dropdown perfectly right aligned to the parent <li>'s relative position.

Upvotes: 0

Views: 1884

Answers (1)

Bass Jobsen
Bass Jobsen

Reputation: 49054

css

.navbar-nav > li:last-child > .dropdown-menu {
    left: auto;
    right: 0; }

references:

Upvotes: 1

Related Questions