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.


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;


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.


No notes.