Replacing the mobile hamburger menu icon with your own image on Squarespace 7.1

This tutorial shows you how to replace the mobile hamburger menu icon with one of your own. From your Squarespace account, go to the Custom CSS Editor. paste the code below into the Custom CSS editor box.

Complexity: Intermediate

.burger {   
background-image: url('[icon_URL]');   
background-size: contain;   
background-repeat: no-repeat;   
background-position: right;   
background-color: transparent !important;   
height: 25px; 
}  

.burger-inner {   
display: none; 
}

Replace [icon_URL] with the url of your uploaded icon, also you can adjust the height px value to make the icon image bigger or smaller.

All work in this guide is provided ?“AS IS”. Other than as provided in this agreement, this guide makes no other warranties, express or implied, and hereby disclaims all implied warranties, including any warranty of fitness for a particular purpose.

If you require professional advice, we recommend that you purchase the services of a Developer.