How to remove the wrapping on centred navigation for Squarespace websites

This piece of Squarespace CSS code is pretty handy and removes the wrapping from your centered main navigation bar on desktop. Basically it means your menu items stay on one line.

It’s simple to use - just copy the code below in red then navigate to your Custom CSS panel and paste it in.


header#header nav {

flex-wrap: nowrap;

}


Thats’ it - your menu items now stay on one line.

Hope it helps,
Ollie

Ollie Limpkin

Ollie Limpkin is a SME growth specialist with over two decades of digital growth expertise. Passionate about helping businesses unlock their potential online he is the founder of Midlands Digital, a web design and optimisation agency providing affordable and accessible digital marketing solutions.

https://www.midlandsdigital.co.uk
Next
Next

How to remove footer link underlines on Squarespace websites