Custom burger button for mobile (Brine 7.0) - Header nav

All CSS tricksMobile design7.0
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.0 (Brine family), 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.0 (Brine family)

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

Simple caption rollover (7.1) - Gallery Section Slideshow Reel
Next

Stacked tagline under logo (Brine 7.0) - Header nav