How Do I Remove Social Icons From Squarespace?

Removing social media icons from your Squarespace website involves a few steps. This process can vary slightly depending on your template and the version of Squarespace you are using, but the general approach is similar. Here’s a detailed guide on how to do it:

Step-by-Step Guide to Removing Social Icons from Squarespace

1. Log In to Your Squarespace Account

• Open your web browser and go to the Squarespace login page.
• Enter your email and password to access your dashboard.

2. Navigate to the Correct Website

• If you have multiple websites associated with your account, select the relevant site from your dashboard.

3. Access the Site’s Design Settings

• From the home menu, click on the 'Design' option. This will open a menu with various design settings.

4. Go to the Customization Panel

• Depending on your template, you might see options like 'Site Styles' or 'Custom CSS.' Open this panel.

5. Locate Social Links Configuration

• In many Squarespace templates, social icons are managed through a section named 'Site Header,' 'Site Footer,' or 'Social Links.'
• Navigate to these sections by clicking on them.

6. Remove Social Links

• You will see a list of connected social accounts here. Each of these represents an icon on your site.
• Click on the account you want to remove and look for a 'Disconnect' or 'Remove' option, and click on it.

7. Custom CSS Approach (If Necessary)

• If the above steps don’t fully remove the icons, you can use custom CSS to hide them.
• In the 'Design' menu, click on 'Custom CSS.'

• Enter the following CSS to hide social icons:

  css .social-icons { display: none; }

• Click 'Save' to apply the changes.

8. Preview and Confirm Changes

• Use the preview option to see if the social icons have been removed.
• If everything looks correct, proceed to save and publish your changes.

Additional Considerations

• Template-Specific Variations: Some templates may have different steps or options. If you cannot find the exact settings, refer to the Squarespace Help Center for your template-specific guidance.
• Version Differences: Squarespace has different versions (7.0, 7.1). The steps above are generally applicable but consult the Help Center if you're using an older version for any version-specific instructions.
• Custom Code Limitations: Using custom CSS might affect the layout or performance on some devices or browsers. Test your site across multiple platforms to ensure consistency.

Conclusion

By following these steps, you should be able to remove the social media icons from your Squarespace website. This helps maintain a clean and professional look if you no longer want to redirect users to your social media profiles. Always remember to save and publish your changes and check your site’s front end to confirm that the icons have been successfully removed. If further assistance is required, Squarespace’s support team is a useful resource.