Center navigation bar in twenty ten

  • bungalowboutique

    (@bungalowboutique)


    11 years, 4 months 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?

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • WPyogi

    (@wpyogi)

    11 years, 4 months 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;
}

    Thread Starter bungalowboutique

    (@bungalowboutique)

    11 years, 4 months ago

    Worked like a charm! Thanks so much!

    Thread Starter bungalowboutique

    (@bungalowboutique)

    11 years, 4 months 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?”

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Center navigation bar in twenty ten’ is closed to new replies.