[resolved] Center the Nav Bar (5 posts)

  1. Brianbutton
    Posted 2 years ago #

    I created a test child theme at http://sweettemptations.x10.mx/ . I've really enjoyed using Pachyderm as a launching point; but for the life of me I cannot figure out how to center the Navbar. Any advice?

    Here is the style.css Nav code:

    [no need to post CSS - it's all visible on your site]

  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Change this in your child CSS:

    .navigation-main {
        background: none repeat scroll 0 0 #000000;
        clear: both;
        display: table;
        margin: 0 auto;
  3. Brianbutton
    Posted 2 years ago #

    Well it did center everything, but it also collapsed the nav bar to the size of the menu buttons. I left the code in so you could see. http://sweettemptations.x10.mx/ Any advice on how to fix that?

    Thanks for the lightning fast reply!

  4. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Oops sorry about that - see if this fixes that:

    #masthead {
        background-color: black;

    I can't remember what it looked like before...

    BTW, that's not a true child theme - you need to be using @import in the child theme style.css file at the top and then putting ONLY your changes in that file. You might want to review:


  5. Brianbutton
    Posted 2 years ago #

    That bit of code did fix the issue! Thanks so much!

    And i'll be sure to review the link. This is my first foray into wordpress, so it's very appreciated! Thanks again.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.