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).

Screen+Shot+2019-08-13+at+9.34.23+AM.jpg

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

Previous
Previous

Thicker Hyperlink Lines

Next
Next

Transparent Gradient Mobile Menu