How to fix header menu spacing issue in Blockshop?

[SunShopp]

I successfully moved our navigation menu to the same line as the rest of the header but it is no longer centered properly

 It appears to be centering based on the space between our logo and the icons rather than the web page itself like it previously was and like the text in the announcement bar currently is.

Curiously, when loading the fresh page it does briefly flash centered before moving rightward

I have tried various css edits with both .site--nav and .header--menu to no avail

It can be centered with padding alone but that causes uneven distortion when changing the size of the window so it is not an attractive option

Live page:

https://thesunshopp.com/collections/mens-sunglasses/products/nike-adrenaline-ev0605-011-mercury-gray...

[oscprofessional]

@SunShopp 
Hello,

@media only screen and (min-width: 769px){
.header-layout--left-center .header-item--logo {
	min-width: auto !important;
}
}

@media only screen and (min-width: 769px){
.header-item--logo, .header-layout--left-center .header-item--logo, .header-layout--left-center .header-item--icons {
	flex: 0 !important;
}
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Like This