Integrated social media icons appear in your site header after adding social media links. Here's how to manage them effectively:

Displaying Social Media Icons

Version 7.1

1. Open Pages panel and click Edit
2. Click Edit site header
3. Enable Social media links under Add elements
4. Save changes

Version 7.0 Icons automatically appear in most templates. Common locations include:

• Aviator
• Bedford
• Brine
• Farro
• Montauk
• Pacific
• Skye
• Tremont
• York

Customizing Icon Appearance

Size and Margin Adjustments

1. Access Edit site header
2. Click social media links and select Design
3. Adjust icon size using the slider
4. Choose margin shape (Outline or Solid)
5. Modify outline thickness if needed

Color Customization For Solid/Gradient Headers:

• Edit header design > Color
• Adjust Navigation color setting
• Main button background controls hover color

For Adaptive Headers:

• Access Site styles > Colors
• Edit header color theme
• Modify navigation links color
• Adjust main button background for hover effect

Hiding Social Media Icons

Version 7.1

1. Open Pages panel
2. Edit site header
3. Disable Social media links under Add elements

Version 7.0

1. Access Site Styles panel
2. Locate social media adjustments
3. Toggle visibility options

Additional Style Options:

• Round shape
• Square shape
• Normal (service-branded) shape

Note: To add icons to other areas, use the social media links block. For icon rearrangement or service changes, refer to social media icon management guidelines.

Related Articles

Previous Articles