Customise navigation with centre logo and left links

Hi there, 

I am trying to edit the design on my navigation and have the logo centred and the links on the left hand side, but this doesn't seem to be an option in the default designs. I am wondering if it is possible to just have the links on the left hand side and also small enough text so they all fit on one line, currently they stack. 

I have attached a picture below of the design I want it to look like-

The site is - https://icosahedron-gar-d6cc.squarespace.com/config/ 

pwrd- WiseheartProject!!

Any help much appreciated! Thanks in advance. 

Heather

Hi Heather, try adding this to Custom CSS:

.header-width-inset .header-inner {
  max-width: 100%;
}
.header-title-nav-wrapper {
  flex-direction: row-reverse;
}
.header-display-desktop {
  flex-direction: row-reverse;
}

Amazing, that has worked to get them left-aligned thank you Ziggy! Do you know how I can now extend the width of the nav so that they don't stack and all go on one line? 

Awesome thanks!!