WordPress.org

Forums

How do I move the pages on my top nav bar below the header? (8 posts)

  1. befitbefull
    Member
    Posted 5 years ago #

    I would like to move the page on my top nav bar under the header. I tried fooling aroudn with the header.php CSS but didn't have any luck.

    I feel like my pages get lost at the top.

    Thoughts?

    http://www.befitbefull.com

    Thanks!

  2. Simon Fairbairn
    Member
    Posted 5 years ago #

    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...

  3. Simon Fairbairn
    Member
    Posted 5 years ago #

    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!

  4. befitbefull
    Member
    Posted 5 years ago #

    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?

  5. befitbefull
    Member
    Posted 5 years ago #

    Figured it out!!

  6. befitbefull
    Member
    Posted 5 years ago #

    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?

  7. befitbefull
    Member
    Posted 5 years ago #

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

  8. Simon Fairbairn
    Member
    Posted 5 years ago #

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

    Nice one,

    Si

Topic Closed

This topic has been closed to new replies.

About this Topic