I have never worked with the bootstrap menu before and there are two things in the navbar that I can't find the correct attribute setting to update.

I stated with a copy of the Gravity skin to customize, got the colors changed, but I would like to left justify the dnn:menu (and menu button). Second I would like to move the drop down menu a little lower so that the pointer at the top of the dropdown does not cover the text of the menu (see attachment).

I have tried moving the dnn:menu into a simpler menu, but then the drop down menus on hover did not appear.

Suggestions?

Thanks,

Jim

Look at the skin's .ascx file to see the structure of the divs into which the menu is places. You should be able to work with the css for those items to achieve the desired placement. You'll probably need to look at the Bootstrap css files and also skin.css.

After a lot of trial and error, found the solution.

In case someone else has a desire to do this, two changes

Change the skin ascx file from ,

to

Update the skin.css, nav-collapse class to remove float-right


To adjust the arrow location top attribute (was -15px)
.navbar .nav > li > .dropdown-menu:after {
position:absolute!important;
top: -6px!important;

Hope this helps someone else,

Jim

Thanks, Jim!