Changing the Hamburger Menu Icon (.jpg / .png)

In this video, Erin shows us how to change the mobile hamburger menu icon into an image using Squarespace 7.1! CSS Below:

In this video, Náyade shows us how to change the mobile hamburger menu icon into an image of a taco using Squarespace 7.0 Brine template! CSS below:

 

 

Squarespace Version 7.1

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

.burger-inner {   
    display: none; 
  }

Squarespace Version 7.0

.tweak-mobile-bar-menu-icon-hamburger .Mobile-bar-menu {
     background: url(YOUR-URL) no-repeat;
     width: 50% !important;
     min-height: 40px;
     background-size: contain;
  }

.tweak-mobile-bar-menu-icon-hamburger .Mobile-bar-menu .Icon--hamburger {
     display: none;
  }