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

Notes

No notes.