How to Hide Social Media Icons on the Mobile Menu in Squarespace 7.1

Why Hide Social Media Icons from the Mobile Menu?

By default, Squarespace 7.1 displays social media icons in the header menu on both desktop and mobile. While this is great for branding, some business owners prefer to keep their mobile navigation clean and distraction-free.

Reasons to Hide Social Media Icons on Mobile

✅ Improves Navigation – Keeps your menu minimal and user-friendly.
✅ Enhances Branding – Helps create a focused design that aligns with your website aesthetic.
✅ Encourages On-Site Engagement – Reduces the chance of visitors clicking away to social platforms.
✅ Quick & Easy to Implement – Just a few lines of CSS will hide the icons on mobile only.

How to Hide Social Media Icons in the Squarespace Mobile Menu

This method works specifically for Squarespace 7.1 and ensures that the icons are hidden only on mobile while still appearing on desktop.

Step 1: Add the CSS Code to Hide Social Icons on Mobile

1. Log in to your Squarespace account.

2. Navigate to Website → Design → Custom CSS.

3. Copy and paste the following CSS code into the Custom CSS box, then click Save to apply the changes.

// Hide Social Icons Mobile Menu //
.header-menu-actions {
  display: none;
}

How to Hide Social Media Icons in the Footer

If your social media icons are still appearing in the footer, add this additional CSS, this will completely remove the social media icons from your footer:

// Hide Footer Social Icons //
.sqs-block-social {
  display: none;
}

Troubleshooting: What If the Icons Aren’t Hiding?

If the social media icons are still visible, check the following:

✅ Clear Your Cache – Sometimes, CSS changes don’t take effect immediately. Try refreshing your browser or testing in an incognito window.

✅ Check for Conflicting CSS – If you have other custom CSS targeting social icons, ensure that it’s not overriding the new code.

✅ Use !important – If the icons aren’t hiding, modify the code by adding !important like this:

.header-menu-actions {
  display: none !important;
}

Want More Website Tips?

Join our Passport Club Email List and get access to:

Need Help Customizing Your Squarespace Website?

We offer professional Squarespace design services to help small business owners build beautiful, functional websites.

💻 Custom Squarespace Website Design
🎨 Custom Branding Design
🖼️ Monthly Graphic Design Support Services
🔧 Monthly Squarespace Website Support Services

---

Other Blog Articles You May Like

• The Step-by-Step Process of Working with a Web Designer (So You Know What to Expect) – Learn what to expect when collaborating with a web designer, from planning to launch.

• How a Custom Website Helps You Charge More & Attract Higher-Paying Clients – Discover how investing in a custom website can boost your business and attract high-quality clients.

• How to Improve Your Squarespace Website’s User Experience (And Keep Visitors Engaged Longer) – Tips and strategies to enhance your Squarespace website’s user experience for greater engagement.

• What Makes a High-Converting Squarespace Website? 7 Features You Can’t Ignore – Explore the essential features your Squarespace website must have to convert visitors into clients.

• How to Create a Website That Actually Converts Visitors into Clients – Practical advice on designing a website that encourages visitors to take the next step toward becoming clients.

• Why a Custom Squarespace Website is a Game-Changer for Scaling Your Business – Find out how a custom Squarespace website can help you scale and streamline your business.

• How Consistent Branding Can Elevate Your Holistic Practice – Explore the importance of maintaining brand consistency across all channels and how it builds trust with your audience.

• How Regular Updates on your Squarespace Website Can Boost Client Engagement - Keep Clients Engaged with Fresh Content – Learn how to use Squarespace’s features to keep your website up to date and engaging for your audience.

• Why Your Wellness Practice Needs a Custom Logo (And How It Impacts Your Brand) – Understand how a tailored logo design can strengthen your brand identity and appeal to your target audience.

---

Explore More Blogs from The Growth Passport