Custom burger button for mobile (7.1) - Header nav

All CSS tricksMobile design7.1
Written By Beatriz Caraballo

About

If you’re looking to go the extra mile with your site’s customization and be able to use your own custom burger button in Squarespace 7.1, this is the snippet for you!

You’ll be able to replace the native lines in no time and showcase your branded version by simply using the image’s URL.

  • This particular snippet is compatible with:

    • Any mobile header 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

Sliding lines on hover for nav links (Brine 7.0) - Header nav
Next

Sliding lines on hover for nav links (7.1) - Header nav