Your Own Hamburger Menu Icon

---

Description

Replace the default hamburger menu icon with your own icon. This plugin uses css editor and works with Squarespace 7.1.

---

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Mobile Menu Hamburger Icon //

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

.burger-inner {
  display: none;
}

---

Customize

Replace IMAGE-URL-HERE with the url of your own icon.

We recommend hosting your icon on your Squarespace website by uploading it to CSS > Manage Files. Once uploaded, click the file to generate a URL you can use.

Adjust the height px value to make the icon bigger or smaller.

---