Centering with Twenty Thirteen Child Theme

  • I’m working on a child theme for Twenty Thirteen and I can’t seem to center the navbar. I’m working in the CSS and can’t seem to find the right place to plugin the code:

    text-align: center;

    Any ideas? My site is: ADLawrence.com

    (Under construction.)

Viewing 6 replies - 1 through 6 (of 6 total)

  • On line 836 of style.css change it to this:

    ul.nav-menu, div.nav-menu > ul {
    margin: 0;
    padding: 0 40px 0 0;
    text-align: center;
    }

    Thread Starter adlawrence

    (@adlawrence)

    Thanks, graphical_force. I’m glad to know that someone else thought that was the right spot. But it isn’t working. Any other ideas?

    Try adding this to the child style.css file:

    .nav-menu {
   display: table;
   margin: 0 auto;
}

    Also, you should have ONLY changes in the child theme style.css file – not a copy of the entire parent file.

    Thread Starter adlawrence

    (@adlawrence)

    WPyogi, thanks for reminding me and not to worry: All of my changes are going directly into my child theme.

    I added that new coding following .nav-menu { and there doesn’t seem to be a change.

    Any ideas?

    Thread Starter adlawrence

    (@adlawrence)

    Hmm … and each time I FTP the file, it doesn’t seem to note the changes. I’ll restart my file transfer program.

    Thread Starter adlawrence

    (@adlawrence)

    Victory! Thanks for the help, WPyogi and graphical_force. I really appreciate it. Next time, I’ll try restarting my FTP first.

    *sigh*

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Centering with Twenty Thirteen Child Theme’ is closed to new replies.