Move Menu below Navbar Box

Last Reviewed: 27-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.*

This code does work in 3.3. But not one of my favourites! I prefer to remove the Navbar Box and make adjustments. See this Snippet.

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.

/* START OF Move Menu below Navbar Box */
/* Adjust (10px) top position  */
.navbar .nav > li > a {
position:     relative;
top:          10px;
}
.navbar .navbar-inner {
max-height:     20px;
}

/* END OF Move Menu below Navbar Box */

 

13 thoughts on “Move Menu below Navbar Box”

Comments are closed.