Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Built-in social icons

You can display built-in social icons on your site after adding social links. In most cases, icons appear in your site’s header automatically or after you enable them in style settings. This guide reviews how to enable, style, and hide built-in social icons.

To learn how to rearrange icons, or add and remove the services these icons link to, visit Adding social icons. To add icons to other areas of your site, use Social links blocks.

If your site is on version 7.0, the ability to display built-in social icons and their location depends on your template.

Built-in social icon display by version

How your built-in social icons display depends on which version your site is on.

All version 7.1 sites can display built-in social icons in the site header. To display them, you may need to enable them:

  1. In the Home menu, click Pages, then click Edit on any page on your site.
  2. Hover over the header and click Edit site header.
  3. Click Elements and switch the Social links toggle on.
  4. Hover over Done and click Save.

To learn more about your site header, visit Building a site header.

Here's a list of where built-in social icons display in version 7.0 template families. In some templates, you may need to enable them for them to appear. For more help, visit your template's guide.

Template Computer Mobile
Adirondack None None
Avenue Footer Footer

Aviator

Top-right or bottom-center, depending on the layout. Bottom-center 

Bedford

None None

Brine

Header None

Farro

Header Icons don't display
Five Header and/or Footer Only footer icons display
Flatiron Footer  Footer
Forte Header Navigation overlay
Galapagos None None
Ishimoto Footer Footer
Momentum Navigation bar Navigation overlay 

Montauk

Info footer Info footer
Native Footer Footer 

Pacific

None None

Skye

Header Footer
Supply Navigation sidebar Navigation overlay 

Tremont

Header Header 
Wells Navigation sidebar Header 
Wexley Footer Footer 

York

None None 

Style social icons

You can customize the size and color of your site's built-in social icons.

Size

To style the size of your social icons:

  1. Click Edit on a page, then click Edit Site Header.
  2. Click Elements.
  3. Change the Social Icon Size slider.
  4. Hover over Done and click Save.

Color

The color of social icons in the site header matches the navigation link color. To style this color:

  1. While editing a page, open site styles, then click Colors.
  2. Click the pencil icon on the color theme selected for your site header.
  3. Change the Navigation links tweak.
  4. Hover over Done and click Save.

To style your social icons:

  1. In the Home menu, click Design, then click Site styles.
  2. Click on the social icons in the site preview.
  3. Change the style of the icons using the style tweaks that appear.
  4. Click Save.

For a list of your template's options, visit its site styles tweaks guide. Some templates have more options, which may include:

Style tweak Options
Social Icon Style

Change the shape of the social icons. Options usually include:

  • Round
  • Square
  • Normal - The default shape of the service's branding. For example, the Facebook icon will be in the shape of an "f."
Color Overlay / Alternate Color Choose a second color for display on banners
Standard Color Use the default color of the service's branding.

Hide built-in icons

To hide built-in social icons:

  1. In the Home menu, click Pages, then click Edit on any page on your site.
  2. Hover over the header and click Edit site header.
  3. Click Elements and switch the Social links toggle off.
  4. Hover over Done and click Save.
  1. In the Home menu, click Design, then click Site styles.
  2. Look for Social tweaks. The tweak name varies by template, but look for options like Hide social icons, Show social icons, and Social position: hide. You can click the icons in the preview to help find the tweak.
  3. Click Save.
Note: Built-in social icons can't be hidden in the Flatiron or Native templates.
Was this article helpful?
17 out of 194 found this helpful