Circle Close Icon In Mobile Menu
Look Demo
Turn the close “X” icon in the mobile menu into a circle. This plugin uses css editor and works with Squarespace 7.0 (Brine template family).
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.
// Circle Close Icon // .is-mobile-overlay-active .Mobile-overlay-close { margin: 12px; border-radius: 50px; }
Customize
You can adjust the margin to your liking. The border radius value is what makes it a circle. No need to change.
If you want to change the background color of the close icon, go into the Site Style settings.
License
This plugin comes with an Unlimited Use License. View License Terms