main nav menu

• 

  gigi32016 · Member · Jun 4, 2016 at 5:54 pm

  • Copy link
  • Add topic to favorites

  checkout the main nav menu.

  Do you agree that it should be centered since the site title and description is centered? If so, what is the best way to center the main nav menu so it applies to the most popular browsers?

  Also, is it safe to increase the font size a little? If so, what is your suggestion?

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

• 

  michaelvandenberg · Member · Jun 5, 2016 at 9:04 am

  • Copy link

  Hi there,

  You can use this to center the menu:

  .main-navigation li {
  	float: none;
  }
  
  .main-navigation ul {
  	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-box-pack: center;
  	-webkit-justify-content: center;
  	-ms-flex-pack: center;
  	justify-content: center;
  }

  And this to increase the font size:

  .main-navigation a {
  	font-size: 1.4rem;
  	line-height: 1.4;
  }

  You can adjust the font size value (for example: 1.3rem, 1.5rem, 1.6rem) till your happy. I’ve also increased the line height value a bit, because I think it will look better that way on medium screens, but you can leave that out if you want.

  I hope this helps! :)