Circle Social Media Icons For 7.1

Look Demo

Give the social media icons in navigation and mobile menu a circle style. This plugin uses css editor and works with Squarespace 7.1.

social-mobile.png

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.

// Social Circle Style //

.header--menu-open .icon, .header-actions-action--social .icon {
  background: #39CA8F;
  padding: 10px;
  border-radius: 50%;
  margin-right: 0px !important;
}

// Icon Color //

.header-actions-action--social .icon--fill svg, .header--menu-open .icon--fill svg {
  fill: #ffffff !important;
  }

Customize

Social Circle Style: Change the background, padding, border radius, and margin values to your liking.

Icon Color: You can change the color of the icon itself by switching out the fill color value.

This plugin will target the social links on both desktop and mobile.

License

This plugin comes with an Unlimited Use License. View License Terms

Previous
Previous

Gradient Circle Social Media Icons For 7.1

Next
Next

Right Align Mobile Menu Links