Jump to content

Navbar arrangement behaves strangely on wide screens

Recommended Posts

Site URL: https://www.avantchamberballet.org/

My site's navigation bar behaves strangely when displayed on wide screens. Everything is fine as it resizes up from mobile. Here's how it displays based on the pixel width that I have found using Chrome developer tools:


  • 0-1024px it displays the little clickable hamburger icon (seems good)
  • 1025-1773px it displays the navigation links stacked in two rows (also good)
  • 1774-2347px it displays the navigation links in a single row (perfect)
  • 2348+px it goes back to the links stacked in 2 rows as it is from 1025-1773px (seems very strange and is not what I'm really looking for)

I don't think this is a huge concern, because I don't think most people view our site fullscreen on like 4K monitor. But I do! And it seems weird and I would like to fix it.

Link to comment
  • Replies 1
  • Views 339
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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.