How to Position Social Links on the Side of a Squarespace Page

Code Toolkit

Jan 19

What You'll Create

Social media icons positioned vertically along the side of the screen, staying fixed in place as visitors scroll. Creates that modern, persistent social bar effect seen on creative portfolios and editorial sites.

The Problem It Solves

Squarespace's social links are designed to appear in the header or footer—horizontal layouts that disappear as visitors scroll. If you want social icons always visible on the side of the screen without adding floating widgets or third-party tools, there's no native option.

Perfect For

Creative portfolio sites, Photography showcases, Personal brand websites, Artist and designer pages, Editorial and blog layouts

What Makes This Different

This technique repositions your existing Squarespace social links from the header to a fixed vertical stack on the side of the screen. The icons stay visible as visitors scroll through your content. You can adjust the vertical position, horizontal spacing, and which screen edge they appear on. Works with all your standard social links without needing to add extra elements—just restyle what's already there.

Details

Section Type: Fluid & Classic
Code Type: CSS
Prerequisites: Social links enabled in Site Styles header settings
Toolkit Title: Sideway Social Links

Learn This Technique

This is one of 150+ code techniques taught inside Standout Squarespace, where you get:

The complete, copy-paste code
Video walkthrough explaining how it works
The principles behind the technique so you can customize it
Access to our private community for support

Get Access to Standout Squarespace →

Squarestylist Support