How to change the mobile menu colour on Squarespace

Previously, changing the colour of the menu on the mobile version of your Squarespace website wasn’t a particularly easy process.

It required custom code if you wanted to branch out from the existing colour palette of your website.

Now though, Squarespace has rolled out an update that makes changing the mobile menu colour a native Squarespace feature, meaning it requires no code at all.

Watch the video

Check out the YouTube video below 👇

How to change the colour of a mobile menu on Squarespace

Head to your edit dashboard and select edit site header before selecting the mobile tab from the options at the top of the editing panel. 

Select Overlay Menu > Colours and you’ll be presented with the colour presets for your Squarespace website for you to choose from. 

In order to edit these preset colours, just head to your Site Styles dashboard and select colours. Here you can search for menu overlay and change the colour to anything you like. You can change the background, text and button colour for your mobile menu.

Don’t forget to hit save and your mobile menu colour will be changed.

---

📩 Join the inner circle to get exclusive code updates

---

And that’s it. It really is that simple. This is a great feature rolled out by Squarespace that means it takes minutes to change your mobile menu colour, compared to the requirement for extensive coding that was the case before. 

Have a go yourself and let me know what you think!

---

Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.

---

Want more?