Center navigation bar in twenty ten (4 posts)

  1. bungalowboutique
    Posted 3 years ago #

    I would like to center the navigation bar on my blog http://www.thebungalowboutique.com

    I'm using the Twenty Ten theme.

    I still want the navigation bar to appear below the header, but I want to center it on the page. I have searched the forums and tried a couple of the changes recommended, but they all move the menu bar up to the top of the header. I want to keep it below the header as it is now - just centered.

    Any ideas?


  2. WPyogi
    Forum Moderator
    Posted 3 years ago #

    It looks like you have a custom CSS set up - which is great. There's not a perfect way to center menus - so you will need to adjust the CSS if you add more menu items. But adding a left margin to this CSS in your custom file should do it:

    #access {
        background: none repeat scroll 0 0 #FFFFFF;
        margin-left: 140px;
  3. bungalowboutique
    Posted 3 years ago #

    Worked like a charm! Thanks so much!

  4. bungalowboutique
    Posted 3 years ago #

    Alos, one more question: Is there a way to use an image instead of a word on the navigation bar? In other words, can I create an image in photoshop, and then use that image instead of the word "Home", or "About Us?"

Topic Closed

This topic has been closed to new replies.

About this Topic