Moving the Main Navigation

Posted in: ,

You can move the location of the main navigation (the main nav) very easily using some custom CSS.

Here are the steps to make it happen:

  1. Log into your Dashboard
  2. Access the custom Site Options Panel (Appearance > Site Options)
  3. Click on Styling Options and scroll to the bottom. You will see a Custom CSS field
  4. Add the CSS code below. You can adjust the 20px to suit your desired needs.
  5. Save all changes and Enjoy!

To move the Main Navigation up:

#menu-main-nav {margin-top:-20px !important;} 

To move the Main Navigation down:

#menu-main-nav {margin-top:20px !important;} 

To move the Main Navigation further left:

#menu-main-nav {margin-right:20px !important;}