Centered menu in baskerville 2

• 

  mariecolot · Member · Jun 26, 2018 at 5:36 am

  • Copy link
  • Add topic to favorites

  How can I center the menu in Baskerville theme with css ?

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

• 

  gemmacevans · Member · Jun 26, 2018 at 9:36 am

  • Copy link

  Hi mariecolot,

  I’ve written some CSS which should help you do this. The following code can be pasted into My Sites > Customise > CSS:

  /* Center align menu on larger screens */
  @media only screen and (min-width: 1001px) {
      .main-navigation {
          margin: 0 auto;
          width: 65%;
      }
  }

  The “65%” width works with the current number of menu links, but it will likely need to be increased if you decide to add more in the future — otherwise the menu will wrap onto two lines.

  Hopefully this will do what you are looking for.