How to Fix Broken WordPress NAV Menu

1. Log in to your WordPress admin area. Click 'Appearance' from the large menu down the left of the screen, then click 'Editor.' Look at the list of files down the right, then click 'header.php.' The file appears in the central editing pane.
2. Scroll down the file until you find the navigation menu for your site. Inspect the code for unclosed tags. The menu probably starts with a divider; for example,
. Look for a closing
tag after the menu. Look for closing tags for the HTML List feature: the opening
or
tag should be closed with
and
, respectively, at the end of the list, and every
should have a closing
at the end of that line.

3. Check that all the items you want to appear on the menu are present. If they are not, add the relevant links to the menu. To accomplish this, start a new line, then use the following code:
Anchor Text
Change the example URL to the location you want, and change 'Anchor Text' to the text you want the menu item to display.
4. Click 'Update File' if you make any changes you want to keep.
5. Click 'style.css' from the bottom of the list of files, then scroll down until you find the sections for the divider of the menu, such as '#navmenu,' '#navmenu ul,' or '#navmenu li.' Check the CSS code here for mistakes. Every attribute should have a semicolon at the end of it; for example, 'width:100px;' is correct. Each section should be opened and closed with curly parentheses:#navmenu ul{float:left;width:100%;}Also, check that the section directly above the menu section is closed, or it will swallow the code for the navigation menu into it.
6. Check the CSS attributes themselves for omissions. For example, if you want the menu to be horizontal, you need 'float:left;'.
7. Click 'Update File' when you're done.