Center Nav without Stacking

https://soberishatl.squarespace.com/ 

password: sober123

Hi! Can someone help me figure out the code to unstack my nav links? This is the default when centering. 

@tuanphan it worked! however now the header/nav is off centered. Can you help with this?

4 hours ago, kaydotjpg said:

@tuanphan it worked! however now the header/nav is off centered. Can you help with this?

Add this code under

.header-layout-branding-center-nav-center .header-title-nav-wrapper {
    width: 100% !important;
    flex: 0 0 100% !important;
}
div.header-actions-action a.cart-style-icon {
    position: relative;
    right: 3vw;
}

@tuanphan thank you! How can I apply this to desktop only?

Use this new code

@media screen and (min-width:992px) {
.header-layout-branding-center-nav-center .header-title-nav-wrapper {
    width: 100% !important;
    flex: 0 0 100% !important;
}
div.header-actions-action a.cart-style-icon {
    position: relative;
    right: 3vw;
}
}