Buy me a coffee

Hide a Social Icon on One Page

Note:

Suppose we have 3 icons in the Header like this:

hide-a-social-icon-on-one-page-01

To hide First Icon (Linkedin), you can use this code:

<style>
.header-display-desktop a.icon:nth-child(1), .header-menu-actions-action--social.mobile:nth-child(1) {
    display: none;
}
</style>

To hide the Second Icon (Instagram), use this code:

<style>
.header-display-desktop a.icon:nth-child(2), .header-menu-actions-action--social.mobile:nth-child(2) {
    display: none;
}
</style>

To hide the First and Third Icons, use this code:

<style>
.header-display-desktop a.icon:nth-child(1), .header-menu-actions-action--social.mobile:nth-child(1) {
    display: none;
}
.header-display-desktop a.icon:nth-child(3), .header-menu-actions-action--social.mobile:nth-child(3) {
    display: none;
}
</style>

Ask me a question, free

If your site is private or in trial, just setup password and share url. See how to: https://beaverhero.com/squarespace-how-to/
Please check your email carefully. Recently I got a lot of questions with wrong emails.

If you haven't heard from me within 24 hours please check your junk/spam folder