Navbar after converting to WP

HTML & CSS
1

In the process of converting an HTML theme to WP. Just added in the List_Pages function and now my navbar is pushed down on the header. I assume the problem lies within how I styled the links in the navigation bar.

http://seelooh.com/

HTML BEFORE php:

<ul id="nav">
    	<li><a href="#">home</a></li>
        <li><a href="#">about</a></li>
        <li><a href="#">blog</a></li>
        <li><a href="#">contact</a></li>
        <li><a href="#">hire me</a></li>
        <li><a href="#">portfolio</a></li>
      </ul>

HTML After PHP:

<ul id="nav">
    	<?php wp_list_pages(); ?>
      </ul>

Here is the CSS snippet for the navbar and normal a link styling :

#nav {
	text-align: center;
	padding-top: 30px;
}

#nav li {
	list-style-type: none;
	display: inline;
	padding-right: 20px;
}




/*Navigation Bar Link Styling*/

a:link {
	color: #e4e4e4;
	text-decoration: none;
	font-size: 17pt;
	font-weight: bold;
}

a:visited {
	color: #e4e4e4;
}

a:hover {
	color: #ffc000;
}

Thanks in advanced

2

You have 30px padding top on the ul which is pushing it down 30px (if that’s what you meant).

Set it to zero and that will bring the menu back up.


#nav {
    padding-top:0;
    text-align: center;
}

You also have a height on #header which is less thatn the space you are using so either remove the height or make sure everything fits inside it.

3

Thanks Paul, that worked