How does one center the naviation bar on their wordpress site?

  • Resolved johnnyr860

    (@johnnyr860)


    10 years, 2 months ago

    I am using the formation theme here for my site https://creativeonlinegenius.com/ and I plan to add more pages soon once I get the first one up and running. So far I have the homepage which as you can see the home page navigation button is all the way to the right of the page. I want to center it so the navigation menu will come out in the center. How do I do this? If I click on my dashboard and go to appearance> editor my CSS and PHP files show up but I am unsure where to insert code or what code I need to insert to make this happen in the first place. Help is appreciated thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin https://www.ads-software.com/plugins/custom-css-manager-plugin

    Then use its “CSS Code” section of the dashboard to hold your CSS modifications:

    Alternatively use your Child Theme style.css file to hold your CSS modifications:

    .site-header .site-introduction {
    display: none;
}

.main-navigation ul,
.main-navigation {
    float: none;
}

.main-navigation {
    width: auto;
    text-align: center;
}

.main-navigation ul {
    display: inline-block;
}

    Thread Starter johnnyr860

    (@johnnyr860)

    Thank you this worked beautifully. Just what I needed. I appreciate the help ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How does one center the naviation bar on their wordpress site?’ is closed to new replies.