WordPress.org

Support

Support » Themes and Templates » How do I move the pages on my top nav bar below the header?

How do I move the pages on my top nav bar below the header?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi,

    If you select everything between the

    <ul id='topnav'> and the closing </ul> tags, cut it and paste it below the closing </div> tag of the <div id='headimg'> tag, that should work. Basically, it should look like this:

    <div id="header">
    
    	<div id="headimg">
    	<h1><a href="http://www.befitbefull.com" title="Be Fit. Be Full.">Be Fit. Be Full.</a></h1>
    	<div id="desc">The key to happiness is a healthy body and a happy belly!</div>
    
    	</div>
    
     <ul id="topnav">
    	<?php wp_list_pages(); ?>
    	</ul>
    </div>

    You can then play around with the padding to get it looking neat.

    Hopefully I won’t get shouted at for posting huge chunks of code…

    Should have said, you need to go to your themes->editor menu and select ‘header.php’ from the list on the right hand side.

    Also, the code above was based on my best guess from looking at your code, so it may look a little different – don’t just copy and paste!

    So helpful! THANKS!

    The pages moved below – only I can’t the pages names at all, it’s just white. But when I hover over then I can tell there’s a link there.

    Do I just need to go to page php and change the color?

    Figured it out!!

    Oh wait, no I didn’t.

    For some reason the top nav text is still showing up as the same color as the header background, and you can only see the pages when you hover over them?

    ok -sorry- I really did figure it out this time!

    He he no worries! Glad you got it all sorted!

    Nice one,

    Si

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How do I move the pages on my top nav bar below the header?’ is closed to new replies.
Skip to toolbar