Jump to content

How to use custom CSS to prevent the header nav on desktop from wrapping to two lines

Recommended Posts

Hi! I'm on 7.1 and have already used some custom CSS to center align my logo. But a consequence of this move is that my regular desktop nav wraps to two or more lines VERY quickly. 

I'd love to collapse the text links on the left (image below) into a mobile-style hamburger and have experimented with some custom CSS I found in the forums. But the solutions I've found so far (see below) collapse ALL the nav whereas I want to keep the social links and header CTA visible.

Can anyone advise me how to collapse just the text links into a hamburger mobile nav?



Screenshot 2023-11-20 at 11.50.35 AM.png

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.