Jump to content

Split Navigation Line Break

Go to solution Solved by Lesum,

Recommended Posts

Posted

Hi,

I have added a split navigation to my site which is working well on desktop.

https://beige-trout-rpar.squarespace.com

pw: Surfing123

On tablet the navigation goes back to being centered, which I am OK with but the last item 'contact' keeps wrapping to the next line down. Is there a way to extend it so it stays on 1 line. See image.

Thanks

Laura
 

Screenshot 2024-06-13 at 14.58.42.png

  • Replies 2
  • Views 903
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution
Posted

@dotandpeg Hi! Add this code under Custom CSS panel:

@media screen and (min-width: 1025px) and (max-width: 1299px) {
	#header .header-layout-branding-center-nav-center .header-title-nav-wrapper {
		flex: 1 0 100% !important;
	}
}

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

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.