Change Hamburger Menu Icon on Squarespace

Did you know you can change the style of the hamburger menu on your mobile Squarespace website?

Keep reading to find out how…

Watch the video

Check out the YouTube video below 👇

Within your edit dashboard select Edit Site Header and click the mobile view option from the panel that appears.

Edit site header on Squarespace

Here you’ll see a Menu Icons option where you’re presented with four different styles for your hamburger menu.

These options are three lines, two lines, two and a half lines or a plus icon.

Changing hamburger menu on Squarespace

Once you’ve selected which icon you want to use you can also change the thickness, choosing either small, medium or large or using the slider to set your own bespoke thickness.


📩 Join the inner circle to get exclusive code updates


Hit save and your new hamburger menu icon is in place on your Squarespace site. Easy!


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?

Sam Crawford

This article was written by Sam Crawford, one of the world’s leading Squarespace website designers.

Sam is an official Squarespace Expert, official Squarespace Partner, official Squarespace Community Leader, official Squarespace blog contributor, official Squarespace panelist, Squarespace educator and multi-award winning Squarespace designer.

https://bycrawford.com
Previous
Previous

How To Create an Infinitely Rotating Logo on Squarespace

Next
Next

Enable Two Buttons in Squarespace Header