Move Navigation Button Up on the Mobile Menu in Squarespace

Squarespace
Written By Jennifer Barden

How to Move the Navigation Button Up on the Mobile Menu in Squarespace

If there is a large space between your navigation options and the navigation button on the mobile menu of your Squarespace website, you can easily move it up so that it’s closer to the navigation options by using a little bit of CSS.

Before you get too caught up in your website’s design, remember that it’s your website’s job to attract and engage its target audience. Check out these website strategy blog posts before you leave so that the Squarespace website you’re working on right now will have a strategy.

 

BEFORE

AFTER

 
 

Move the Navigation Button Up on the Mobile Menu in Squarespace

To move the button on the mobile navigation menu of your Squarespace website up so that it's closer to the links, you're going to head over to Pages > Website tools > Custom CSS.


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

 
Featured
Free Guide to Writing Effective Website Copy
 

Code Snippet to Move the Navigation Button Up on the Mobile Menu in Squarespace

 
 
/*Move the navigation button on mobile menu up*/

.header-menu-nav-folder-content {
 flex-grow: 0;
}
.header-menu-nav-folder {
  justify-content: center;
}
 
 
 
 
 

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 transform your business into the one you’ve always dreamed of!

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
 

Like this post?

Pin It to Pinterest 👇

Move Navigation Button Up on the Mobile Menu in Squarespace
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

Get Loyal Blog Followers: Tell Your Audience How They Feel
Next

Are You Talking About Yourself Too Much in Your Content?