menu text centering (4 posts)

  1. mwhite13
    Posted 1 year ago #

    Hello. I am trying to center the menu text on my page. Cant seem to figure out how to do so.


  2. Bearded Rick
    Posted 1 year ago #

    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 :-)

  3. CrouchingBruin
    Posted 1 year ago #

    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.

  4. mwhite13
    Posted 1 year ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.