Center primary menu

• 

  silviastoriesbeyond · Member · Jul 25, 2018 at 8:57 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I’m trying to center the primary menu of my website – http://www.artoflanguage.be in the Lodestar theme. I would like to both create more space between the menu items and have them spread across a larger part of the menu “box”.
  It looks the way I want it to the customiser but if I load the page it just looks weird.

  Could you help?

  Thanks a lot!

  The blog I need help with is: (visible only to logged in users)

• 

  garysixtyeight · Member · Jul 25, 2018 at 9:02 pm

  • Copy link

  Hi Silvia,

  Please try adding the CSS below to the customizer. It should centre the menu.

  @media screen and (min-width: 60em) {
       .has-top-content .main-navigation ul.nav-menu {
           text-align: center;
      }
  }

  If the CSS doesn’t have the desired effect, please let me know :)