How to Customize Mobile Menu Arrows in Squarespace

have you ever looked at those little arrows next to your folder menus on mobile and thought… “Meh”? Yeah, me too. 😅 In this quick tutorial, I’ll show you exactly how to give those default arrow icons a makeover—or get rid of them entirely if that’s more your vibe.

We’re going to use a little CSS to change the color and replace the icon with a different unicode character. And yes, I'll explain what that is 😉

Whether you want a bold new look or a subtle clean-up, this quick design fix will help you make your mobile menu feel way more on-brand.

Watch the video to follow along, then check out the blog post to grab the free codes you need to make the change on your site.

Important Chapters
00:36 – Overview of what we’ll customize
00:57 Where to add the CSS code in Squarespace
01:32 Replace the folder arrow icon and change its color
02:00 Understanding Unicode characters for custom icons
02:29 Change the back arrow icon and color
03:00 Customize the “Back” text: color, uppercase, and size
03:37 Recap of all changes made
04:00 Where to get the code + extra resources

📝 Original blog post with codes: https://insidethesquare.co/squarespac...

#️⃣ Free font & text property guide: https://insidethesquare.co/textguide

#️⃣ Free Unicode character list: https://insidethesquare.co/unicode

🤖 Custom Codey, My Squarespace Code AI: https://customcodey.com

🙋‍♀️ Have a Squarespace question? Drop it in the comments below! I love hearing from you and helping you make your website uniquely yours! ✨
- -
💸 GET 10% OFF YOUR FIRST YEAR OF SQUARESPACE 💸 Use my affiliate link and code INSIDE10 - You'll save 10% off your first annual subscription & Squarespace will give me a little commission for sending you their way 😎 🔗 INSIDE10 → https://insidethesquare.co/inside10
- -
The term "Squarespace" is a trademark of Squarespace, Inc. This video was not approved or endorsed by Squarespace, Inc. I just really love their platform ♥ #SquarespaceDesign #CSSforSquarespace #SquarespaceTutorial #CustomCSS #WebsiteDesignTips #InsideTheSquare #ModernWebDesign #Squarespace #SquarespaceTutorial