Jump to content

Split Navigation Line Break

Go to solution Solved by Lesum,

Recommended Posts

dotandpeg Level 5

dotandpeg

Posted
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

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

  • Solution
Lesum Level 9

Lesum

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources