Alternate logo for open mobile menu - Header nav (7.1)

All CSS tricks7.1Mobile design
Written By Beatriz Caraballo

About

Need to set up a secondary or alternate logo for when your burger menu is open? I got you!

This Squarespace code snippet will allow you to keep whichever version of the logo you want to display for your pages, while helping you swap the image – exclusively – when the mobile menu is open ensuring its visibility at all times.

  • This particular snippet is compatible with:

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

Alternate announcement bar content for a single page - Announcement Bar (7.1)
Next

Minimal poster style (7.0, 7.1 CE & 7.1 FE) - Summary Block