Turn the mobile hamburger menu into a gradient square. This plugin uses css editor and works the Brine template family.

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

Adjust the background color and padding to your liking. To change the color of the hamburger icon, go to the Site Styles settings.

If you want the mobile hamburger menu to show on desktop, set the mobile breakpoint to 3000px in Site Styles.