Why is my main navigation not displaying?

Overview

If the Main Navigation Menu has dropped from its location and hiding behind the jQuery2 slider this is generally caused by the following reasons:

  • Too many top level Main Navigation items
  • Names of the menu items are too long
  • Logo is too large or misplaced thus pushing the Main Navigation out of place

(click screenshot for a full-size view) Please note: This issue may only be visible in one particular Web Browser, while all looks great in another Browser. Not all Browsers will render things exactly the same way.

General Instructions:

This can be fixed by following a few different methods. Please choose the method that is best for your needs.

  1. Option 1: use CSS to reduce the spacing between the main menu items
  2. Option 2: use CSS to move the logo further left and provide more space for menu
  3. Option 3: rename or remove some of the top-level menu items to decrease the menu’s width and allow for proper rendering

Option 1:

This option will reduce the spacing between menu items and move the menu back into proper place. Please add the following code to the Custom CSS section of Karma’s Site Options Panel: Appearance > Site Options > Styling Options > Custom CSS:

#menu-main-nav li {padding-right:21px !important;}

…then adjust 21px as needed.

Option 2:

This option will move your logo further to the left and move the menu back into proper place. Please add the following code to the Custom CSS section of Karma’s Site Options Panel: Appearance > Site Options > Styling Options > Custom CSS:

#header .logo {margin-left:-1px !important;} 

Option 3:

If you’ve tried the above options and the menu has still not returned to it’s proper place than it is likely that you somply have too many menu items and will need to consider reducing the total amount of menu items or renaming certain menu items. This will help to shorten the menu and return it back to it’s proper location. [search_terms]menu hidden, menu not display, menu not showing up, menu not displaying IE, navigation hidden behind slider, navigation not displaying[/search_terms]