Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Re: Alignment of sub-menu with main menu and sub-menu line height

Home › Forums › Older releases › 0.9.x › Alignment of sub-menu with main menu and sub-menu line height › Re: Alignment of sub-menu with main menu and sub-menu line height

January 5, 2015 at 06:02 #1810
admin
Keymaster

Yep, there is a pretty simple fix. The thing is when you add the “navbar-right” class to the root UL element, Bootstrap will automatically right align all sub menus (and the SmartMenus script respects all Bootstrap styles.) So to avoid the issue do not add that class but instead right align the main menu “manually”. For example, you can set an id “main-menu” to your root UL element:

<ul id="main-menu" class="nav navbar-nav">

and then use the following additional CSS:

#main-menu {
	float: right !important;
	margin-right: -15px;
}

Cheers!