Social Icon Links Spacing

grey_ghost.png

Description

Adjust the spacing between header social icons and avoid the header’s universal spacing. This plugin uses css editor and works with Squarespace 7.1.


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.

// Header Social Links Spacing //

.header-actions-action--social .icon {
  margin: 0px 10px !important;
}

Customize

Adjust the margin px values to your liking. The higher the px value = the more spacing between each social icon.

Keep in mind that this code only targets the social icons in the header.


Previous
Previous

Folder Menu Color Navigation

Next
Next

Navigation Links Spacing