Use a Different Logo in the Mobile Open Menu in Squarespace

Squarespace
Written By Jennifer Barden

How to Use a Different Logo in the Mobile Open Menu in Squarespace

In this tutorial, I'm going to show you how to use a different logo in the mobile open menu of your Squarespace website using a little bit of custom CSS.

But let me remind you that although it's fun to play around with the design of your Squarespace website, it's your website's job to attract and engage your target audience.


To learn more about how to do that, check out my website strategy blog posts where I share lots of tips and strategies for how to attract and engage your target audience to your Squarespace website.

Watch me swap out the logo for the mobile open menu in Squarespace ↓ or scroll down for a step-by-step tutorial.

 
 

How to Swap Out the Logo for Your Mobile Open Menu

To swap out your logo for the logo that you want to appear in the navigation open menu of your Squarespace website, you're going to add a little bit of Custom CSS. You're


Here’s how you do it:

  1. Go to Pages > Website tools > Custom CSS

  2. Copy and paste the code snippet below (scroll down) right here

  3. Upload your logo by selecting ‘Custom Files’ and simply upload your logo

  4. Now highlight the area in your code snippet where it says ‘IMAGE URL GOES HERE’ and delete it

  5. You can see the cursor is blinking between these two parentheses and it gives you an option to upload one of your custom files

  6. Simply locate the correct file and select it

  7. Hit save

The functionality of this logo works as well. When you select it, it's going to bring your visitor to the homepage of your website.


It’s like magic!

 
Featured
5 Common Mistakes People Make on Their Websites
 

Mobile Logo

Mobile Logo

Mobile Open Menu Logo

 
 

Here’s the Code Snippet

 
/*Use a different logo in open mobile menu*/

.header--menu-open header#header img{
	content: url(IMAGE URL GOES HERE) !important;
}
 
 
 
 

Was this helpful?

Are you going to use this on the website you’re working on? Was this on your radar or are you thinking you’ll use it now that you know you can? Share your thoughts in the comments 👇

 
 

This page contains affiliate links

 
Featured
What Do You Need Help With?
What Do You Need Help With?

Many Squarespacers feel discouraged when their websites don’t attract and engage website visitors. In my blog, I share my secrets for effective Squarespace website design & strategy to attract and engage your target audience so you can grow your business.

→ Schedule a Call with Me to Discuss Your Website or Blog

Traffic Transformer Course
Traffic Transformer Course

Learn how to blog with Squarespace to increase organic website traffic so you can grow your business and be a total hero!

Get the Squarespace Blogging Quick-Start Guide
Get the Squarespace Blogging Quick-Start Guide

Your roadmap to launching a successful blog on Squarespace that builds trust and drives traffic to your website.

Get the Guide to Writing Website Copy
Get the Guide to Writing Website Copy

Writing engaging website content is challenging. Use the same Google form as me to write effective website copy for your landing page and start attracting your ideal customers.

The Ultimate List of Lead Generators
The Ultimate List of Lead Generators

This comprehensive list of lead generator ideas provides all the inspiration you need to create a lead generator that will knock your audience’s socks off so they’ll engage with your brand and happily hand over their email addresses!

 

My Insta

@jenxwebdesign

This is the objective ✅ It’s not to tell the world how amazing you are. It’s not to serve as a “parking place” for your business on the World Wide Web. And it’s certainly not to just check a box. Your website shou
What drives purchasing decisions? It’s not colors, fonts, and looking pretty. We all want our websites to look good, but it shouldn’t come at the expense of strategy. After all, what do you care more about? Your friends telling you h
Is this task still hanging over your head? 😩 You are probably conflicted about how to get a great website for your business. Maybe it’s because you don’t know what to look for when hiring a web designer. Maybe it’s because you
🚨What’s the #1 most important thing your website should have? While you’re stressing about colors, fonts, and logos, what you (and your web designer) should REALLY be focused on is your website strategy! In other words, what is going
The thought of getting a website to grow your business is daunting—I get it! That’s why I use my years of experience and wizardry with Squarespace and my expertise in building websites to grow businesses to help small business owners jus
Working with me is as easy as 1️⃣2️⃣3️⃣ 1️⃣ Whether it’s Design Dash, Squarespace help, a custom website, or a premade template, I have an option for you! 2️⃣ Schedule a call with me to see if we’re a good fit! We’ll talk about yo
Let's get to know each other first! 📲🌟 Are you ready to elevate your online presence with a stunning Squarespace website? As a Squarespace web designer, I offer a range of exciting options to bring your vision to life! Whether you're looking f
I know the struggle of writing captivating website copy that speaks to your audience. 🖋️✨ Your website copy is the most important piece of the website puzzle—it’s what drives conversions. Writing your website copy is often the toughest
Getting a website for your business can cause emotional turmoil. If you feel this, believe me, you’re not alone. Some of my clients have described the feeling as: ❌ Conflicted ❌ Anguished ❌ Confused ❌ Floundering ❌ Helpless ❌ Paralyzed ❌ Un
Jennifer Barden

This article was written by Jennifer Barden, founder of Jen-X Website Design and Strategy.

Many Squarespacers feel defeated when their websites don’t attract and engage visitors.

In my blog, I share my secrets for effective Squarespace website design and strategy so that DIYers and Squarespace Website Designers can learn tips for building Squarespace websites that attract and engage the right visitors.

https://jenxwebdesign.com
Previous

How to Use Your Blog to Grow Your Email List
Next

3 Blogging Strategies That Convert Website Visitors Into Paying Customers