Navigation menu on one line?

Hi everyone;

I'm trying to keep my nav menu on one line but can't seem to source and css for it. Any thoughts? Thanks!

https://launchtolife.squarespace.com, pw Joan

Add to Design > Custom CSS

nav.header-nav-list {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}

I used this code snippet but the alignment is off-center now. is there a way to keep navigation centered, on one line, and not affect the mobile navigation which also goes off-center? 

4 minutes ago, Hanna1925 said:

I used this code snippet but the alignment is off-center now. is there a way to keep navigation centered, on one line, and not affect the mobile navigation which also goes off-center? 

What is your site url? We can check easier

it's still in editing not fully published but you should be able to see here 

1 hour ago, Hanna1925 said:

it's still in editing not fully published but you should be able to see here 

https://jennifer-taylor-draft.squarespace.com/

Password : design

Add this code under

.header-layout-branding-center-nav-center .header-title-nav-wrapper {
    flex: 0 0 100% !important;
}

So I tried this code as well but it makes the Mobile site look like this. the menu lines are off the edge of the mobile view and when I attempt to cetner the logo through the main logo header styles its off center. But the code does look great on Desktop. Is there a way to also fix the mobile view ?

Remove 2 codes I sent & use this new code

nav.header-nav-list {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}
.header-display-desktop .header-title-nav-wrapper {
    flex: 0 0 100% !important;
}

Amazing! Thank you! This worked perfect!