reducing space between nav menu suits theme

• 

  grilledcheesesocial · Member · Jun 25, 2014 at 12:53 am

  • Copy link
  • Add topic to favorites

  Hey there,

  I’m trying to change my website over to wordpress from blogger and I’m totally lost!

  I’m wondering if there’s any CSS code to reduce the negative space between each of my pages in the navigation menu bar using the suits theme.

  I don’t really know how to phrase it correctly but basically I want to make the gaps smaller between ” blog, grilled cheese recipes, not grilled cheese recipes, etc”…

  Here’s my website:
  https://grilledcheesesocial.wordpress.com

  THANK YOU!!

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

• 

  designsimply · Member · Jun 26, 2014 at 12:55 am

  • Copy link

  Welcome!

  I’m wondering if there’s any CSS code to reduce the negative space between each of my pages in the navigation menu bar using the suits theme.

  Sure! To adjust the spacing between main menu items in the Suits theme, add this to your Appearance > Customize > CSS editor:

  .nav-menu li a {
  	padding-left: 1em;
  	padding-right: 1em;
  }