Jump to content

7.1 header layouts - make center option wider

Recommended Posts

I'd like to use the option of the header which stacks the logo on top and nav links underneath.

But my nav titles are a bit long and there are a few of them so I want widen the container so it's doesn't stack them too. Just to have on one line..

Does anyone know how to do this?

Link to comment
  • Replies 2
  • Views 1.1k
  • Created
  • Last Reply
  • 4 weeks later...

Adding this to css worked for me. You have to use the media rule, otherwise your mobile bars get moved.

@media screen and (min-width: 990px){
.header-layout-branding-center-nav-center .header-title-nav-wrapper {
  flex: 0 0 100%;}

Basically you are changing the branding width to 100% instead of 50%.  Hope that helps.

Link to comment


This topic is now archived and is closed to further replies.

  • 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.