Flatiron navigation width increase?

Site URL: https://gunderson.squarespace.com

Hi, I would like to increase the width of my top navigation on my site so it doesn't break to two lines. There is clearly room to the right for the navigation to live on one line. I suspect it has to do with that space on the right being "reserved" for the site logo if I choose a right-aligned design.

Does anyone know some clever css that would help me get around this? Thanks in advance. 

Eric

Add to Home > Design > Custom CSS

/* Navigation width */
ul#nav {
    max-width: 90% !important;
}

Yes! That fixed it. Thank you tuanphan, you rock! 

Tuanphan- This site has a lengthy nav and it gets super narrow at 1259px wide and gets narrower from there till the hamburger kicks in. How would you tweak this to preserve a little more width at this middle size? https://coral-sawfish-3cel.squarespace.com/config

thanks.

Kerin

On 12/3/2020 at 12:52 AM, kerin said:

Tuanphan- This site has a lengthy nav and it gets super narrow at 1259px wide and gets narrower from there till the hamburger kicks in. How would you tweak this to preserve a little more width at this middle size? https://coral-sawfish-3cel.squarespace.com/config

thanks.

Kerin

Add to Home > Design > custom CSS

div.Header-inner--bottom {
    flex-direction: column;
}

YES! So awesome. Thank you so much.

K.