View Categories

Header Social

Social

Go to Customize > Header > Social.

The Social settings in the Responsive Theme make it easy to add social media icons to your site’s header so visitors can connect with you on social platforms.

You can add, edit, and manage links to popular social sites like Facebook, Twitter, Instagram, LinkedIn, and others. The theme will also provide the capabilities to allow you to style and position the social icons as carefully as you want, to have them fit your site.

Here are some of the settings that are available in the social widget.

General setting of header social

General Settings

  • Add Social: A button with a plus icon to add a new social media icon to the list.
  • Show Icon Label: A toggle switch to display or hide the text label next to the icon.
  • Item Spacing (px): Option to adjust the horizontal spacing between the social icons in pixels.
  • Set Social Links: A button that, when clicked, opens a separate panel to enter the specific URLs for each social media icon.
Design setting of header social

Design Settings

  • Social Style: Two buttons to choose the overall style of the social icons.
  • Use Brand Colors: A set of options to use the official brand colors for the social icons.
  • Colors: set the color of the social icons themselves. One is for the default state and the other for the hover state.
  • Background Colors: Set the background color of the social icons. One is for the background color and the other for the hover state.
  • Border Style: A set of buttons to choose the style of the border for the social icons.
More design setting of header social
  • Border Width (px): Adjust the width of the social icon border in pixels.
  • Border Radius (px): Set the radius of the social icon’s container.
  • Border Color: Set the border color of the social icons.
  • Icon Size (px): Adjust the size of the social icons in pixels.
  • Label Font: Access detailed font and typography settings for the icon labels.
  • Margin (px): Set the margin around the social icons.
Updated on August 19, 2025

What are your Feelings

  • Happy
  • Normal
  • Sad

🎉 Use code EXTRA20 to get 20% Off!

Claim 20% Off