How to center navigation menu text

  • Jazzatron

    (@jazzatron)


    9 years, 2 months ago

    Hi,

    I’m trying to center the main navigation menu but am not having any luck. I’ve searched for the past few days but can only center the menu by increasing the margin but this is only suitable when browser window is full screen which will not always be the case.

    I’d really appreciate if someone would share some Custom CSS to make this happen.

    Thanks.

    Click here for an example

Viewing 1 replies (of 1 total)
  • Bojan Radonic – WPMU DEV Support

    (@wpmudev-support4)

    9 years, 2 months ago

    Hey there Jazzatron,

    Hope you’re well today!

    This can definitely be done with some custom CSS. Since the theme has it’s own custom CSS tab which is located in Appearance >> Theme Options >> Styling Options >> Custom CSS you can try adding the following code there:

    #menu .sf-menu {
margin-left: auto;
margin-right: auto;
width: 650px;
}

    In order for your menu to be fully centered you’ll need to match the width of the menu with the numeric value in width. If you’re unsure how to do that could you please post link to your site so I can take a look?

    Hope this helps 🙂

    Best regards,
    Bojan

Viewing 1 replies (of 1 total)
  • The topic ‘How to center navigation menu text’ is closed to new replies.