Use a Different Logo in the Mobile Open Menu in Squarespace

Customize your Squarespace mobile site by using a different logo in the mobile open menu. Follow this easy step-by-step tutorial that includes the Custom CSS.
🚦 Want/NEED that website to get some traffic? ➡️ www.jenxwebdes...
✨💻 Let's talk about your website 👉JenXWebsiteDes...
✍🏼 Guide to Writing Effective Website Copy 👉 jenxwebdesign....
📝 The Ultimate List of Lead Generators 👉 jenxwebdesign....
🏁 Squarespace Blogging Quick-Start Guide 👉 jenxwebdesign....
CODE SNIPPET:
/*Use a different logo in open mobile menu*/
.header--menu-open header#header img{
content: url(IMAGE URL GOES HERE) !important;
}
👉 Read the blog post here: www.jenxwebdes...
👉 Move Navigation Button Up on the Mobile Menu in Squarespace: www.jenxwebdes...
👉 Display Gallery Grid Block 3 Across on Mobile in Squarespace: www.jenxwebdes...
👉 How to Hide the Hamburger Menu on Mobile in Squarespace: www.jenxwebdes...
👉 How to Hide Blocks and Sections on Mobile in Squarespace: jenxwebdesign....
*****************************
✍️ Check out the blog for more good stuff: www.jenxwebdes...

[@jacklattie]

Agree with previous commenter, been trying everything. Finally a solution! Thank you so much for this!

[@jenxwebdesign]

my pleasure! 🙂

[@genmaiani]

I have been through so many tutorials and code - this is the only one that has worked!!! Thanks so much for providing this!

[@jenxwebdesign]

Oh yay! I'm so glad I could help! I think this is a cool feature and I did it for a client too. I added a background image to her mobile menu too and it looks so cool. Her website is headpiece.com. I have another tutorial about adding a background image to the mobile menu. It's right here → ruclips.net/video/NgFFMnV63n4/видео.htmlsi=-HRx4rv8Inu8rWWK . So cool. 😎