How to center the menu

  • Hi all,

    I have been trying to center the menu with some CSS changes. Hovewer, Im not able to do it even i define the text-align:center

    Could somebody help me?

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

  • Can you post a link to your site?

    Thread Starter thecookinglab

    (@thecookinglab)

    thecookinglab.es

    If your theme has a built-in custom CSS option, use it; otherwise, get a custom CSS plugin and put:

    #main-nav #main-menu {
float: none;
text-align: center;
}

#main-nav #main-menu li {
float: none;
display: inline-block;
}

#main-nav #main-menu ul li a {
text-align: center;
}

    I removed the floats on the menu itself and used display: inline-block instead to get the menu items to display horizontally. The final rule also centers the menu text in the mobile menu; if this isn’t what you want, you can freely remove the final block.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to center the menu’ is closed to new replies.