Support » Themes and Templates » menu text centering

menu text centering

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi mwhite,

    You might want to play a little bit with the padding since centering the text won’t work, put this CSS into your Custom CSS or Child Theme style.css so that way you won’t lose all the changes made when the theme updates.

    .main-navigation ul {
      padding-left: 30px;

    Let me know if it works 🙂

    Use a CSS plugin like Custom CSS Manager and add this rule:

    .main-navigation ul {
       padding-left: 0;
       padding-right: 0;
       margin-left: auto;
       margin-right: auto;
       display: table;
       float: none;

    I would seriously think about reorganizing your menu, though, you have a few too many items. You could probably make some menu items submenu items, like grouping Contact and FAQ under About, or moving the Contact & Links items to the footer.

    Thank you so much! Worked great. I will certainly be making those submenu items. That’s a great idea. Been busy going through lines of code trying to get the menu centered. Thanks again!

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