Change spacing of nav links in header

https://penguin-wedge-dm5e.squarespace.com/

Password: problem

I would like to customise the design of the header to space out the navigation links so that the design looks like this:

Please could someone help me with some custom code?

Hello @beccahobbs150, this code should do the trick, but let me know how it goes, also, don’t forget to set the header to the lfirst layout.

Navigate to Pages > Website Tools > Custom CSS.

Paste the code into the CSS editor.

Hit Save and you’re done

nav.header-nav-list {
    width: 100% !important;
    justify-content: space-between !important;
}

Thank you so much for your help Luno

Which header template should I select?

There's currently a big space on the left hand side which is currently the site "logo / title" masked with a blank png. Is there code to remove the requirement for a logo, as we'd only like page links in the header.

Thank you

Amazing! Thank you so much for the help, hugely appreciate it 

My next question, is there a way to customise the gaps in the grid to match a grid that we have created in design? 

@beccahobbs150, are you referring to these gaps?