How to move logo left/expand navigation menu in Brooklyn theme

[glorygut]

I am trying to move my logo slightly to the left in my navigation bar so there is a little more space between the logo and "About Us" link . I have changed (navItemWidth > navWidth) to (navItemWidth < 100)within theme.js.liquid to avoid the menu from collapsing into a hamburger and have changed the ratios to 1/5 & 4/5 in header.liquid to centre the menu more. 

Changing the maxwidth of the site to 1200px gets the logo to the position I want it to be, but it uncenters all my locations and products pages. I can make the changes I want just to the homepage, but then the logo moves when going to other pages.

url: https://jimmys-kootenay-cannabis-shop.myshopify.com/

[Pallavi]

Hello Glorygut, 

Kindly share your store password so that the people on forum can take a look to suggest any solution. 

[glorygut]

Password: yeoray

[oscprofessional · Accepted solution]

Hello @glorygut 

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->timber.scss.liquid

.site-header .wrapper {
	max-width: 1200px;
	width: 100%;
}

Hope this will work for you

Thanks....

[glorygut]

Yes! Thank you so much! 

Is there anyway I can fully centre that exact spacing?