The primary navigation is too close to my secondary navigation

Site URL: https://ferret-banjo-gtpm.squarespace.com/

Password for site is : "incognitosearch"

My primary navigation links are squished right up next to my secondary nav link and no matter how much I fiddle with the navigation padding settings they just wont budge!

Any help would be appreciated.

Thanks

You could try something like.

.Header-nav.Header-nav--secondary {

  margin-left: 2em;
  
  }

You can read up on the em unit or use pixels if you prefer.

Let us know how it goes.

That worked 🙂

Thanks again

It worked however the secondary menu link now isn't showing on any pages apart from the home page? Could this be because of the code? Thanks, 

Off hand I'd say no but you can easily comment out the code to see if it is causing the issue. Just surround the code with /* and */ like...

/* .Header-nav.Header-nav--secondary {

  margin-left: 2em;
  
  } */