Integrated social icons allow you to display and customize social media links on your website. Here's how to manage them effectively:

Displaying Social Icons

Version 7.1:

• Open Pages panel and click Edit
• Click Edit site header
• Select Add elements
• Enable Social media links
• Add your social media URLs
• Click Save

Version 7.0 Templates Supporting Social Icons:

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

Customizing Icon Style

Size and Border:

1. Edit site header
2. Click the social media links pencil icon
3. Select Design
4. Adjust Social icon size slider
5. Choose border shape (Outline or Solid)
6. Set border thickness if using Outline style

Color Settings for Solid/Gradient Headers:

1. Open header editor
2. Click Edit design > Color
3. Modify Navigation color
4. Adjust hover color through main button background settings

Color Settings for Adaptive Headers:

1. Open Site Styles panel
2. Select Colors
3. Edit color theme
4. Adjust navigation link colors

Additional Customization Options:

• Shape options: Round, Square, or Normal (default branding)
• Icon sizing
• Border styles
• Color schemes

Hiding Social Icons

Version 7.1:

1. Edit any page
2. Click Edit site header
3. Select Add elements
4. Disable Social media links
5. Save changes

Version 7.0:

1. Open Site Styles panel
2. Locate Social media adjustments
3. Select hide option
4. Save changes

Remember that social icons are site-wide, meaning changes will affect all pages. For additional icon placement options, consider using Social Links blocks in specific sections of your site.

Related Articles

Previous Articles