Can't Fit All Nav Items in Header

Site URL: https://sunfish-bobcat-m5pn.squarespace.com/

Is there a way to increase the width, left to write, of the navigation section of my header? None of the settings that are available to me allow me to fit all the navigation items i need without shrinking the font -- and i really don't want to put the nav on two lines. Thanks!

52 minutes ago, mandelbaummarketing said:

Site URL: https://sunfish-bobcat-m5pn.squarespace.com/

Is there a way to increase the width, left to write, of the navigation section of my header? None of the settings that are available to me allow me to fit all the navigation items i need without shrinking the font -- and i really don't want to put the nav on two lines. Thanks!

Add this to Design -> Custom Css

.header-layout-branding-center-nav-center .header-title-nav-wrapper .header-nav {
    text-align: center;
    flex: 0 0 200%;
    margin: 1.7vw 0 0;
}

30 minutes ago, bangank36 said:

Add this to Design -> Custom Css

.header-layout-branding-center-nav-center .header-title-nav-wrapper .header-nav {
    text-align: center;
    flex: 0 0 200%;
    margin: 1.7vw 0 0;
}

 

THANK YOU!