InsideTheSquare.co

View Original

How to use an image for your mobile menu icon in Squarespace 7.1

This tutorial is specifically for the latest version of Squarespace, known as 7.1, and won't work for older versions of Squarespace. For more information, visit https://insidethesquare.co/themes

In this tutorial, I am going to show you how to replace the double line mobile menu icon on your site with any image you want!

This tutorial is a two-step process; first, you need to upload the image to your site, and then use the code below in your Custom CSS to put that image in the right place so it functions as your mobile menu.

Be sure to watch the tutorial before you try this on your own. I explain how this code works so you know exactly what to change to make it look great!

Here’s the code from the tutorial. Update the placeholder URL for your own image!

See this content in the original post