Mobile nav on demand - Header nav (7.1)

All CSS tricks7.1Mobile design
Written By Beatriz Caraballo

About

Wishing you could bring up the burger button and mobile menu on tablets in your 7.1 site? Wish no more with this handy little snippet!

Copy/paste this code into your Squarespace site and you’ll be able to have the mobile nav instantly show up at the breakpoint of your choice, to either avoid frustrating issues with excess nav links on tablet-ish devices or simply create a minimal look on desktop!

  • This particular snippet is compatible with:

    • Any header nav layout

    • Squarespace 7.1

Beatriz Caraballo

Hey! I’m B, a customization expert.

I code the heck out of Squarespace and teach other designers how to do it too, one wtf at a time.

https://beatrizcaraballo.com
Previous

Logo page redirect - Header nav (7.1)
Next

Creating a scrolling text header button in Squarespace (7.1)