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 colors and padding to your liking. If you want the mobile hamburger menu to show on desktop, set the mobile breakpoint to 3000px in Site Styles.