Nav bar on one line

Site URL: http://www.puma-wisteria-fe6j.squarespace.com

Hi there,

I cannot get the nav bar to stay on one line across all screen sizes -  any and all help is very much appreciated.

Site: http://www.puma-wisteria-fe6j.squarespace.com

Hi @licia, this is a tricky problem when you are utilizing all of the header options at the same time, there's nothing wrong with this, but it almost inevitably causes the navigation to stack on smaller screen sizes. The first thing I try and do is reduce the options and ask myself if I can get away with shortening or hiding navigation titles? You have "Insights" and "subscribe to our insights" so you might be able to hide one and shorten the other. Next I look at whether I can reduce the padding on smaller screens or reduce the size of elements like the logo with CSS. And finally you might consider hiding some options in the header with CSS on smaller screens, the social icons for example might be a good place to start.

I hope this helps, if you want to enact any of these and need some Custom CSS help, please let me know.