Menu Close

Header Social Icons

Header Social Icons in Customify add linked social profile icons to the header.

Use this item when visitors should reach your social profiles from the header. It can sit beside Header Primary Menu, Header Button, or Header HTML.

Where to find it

  1. Go to Appearance → Customize → Header. The Header Builder opens.
  2. Add Social Icons to a header row.
  3. Click the Social Icons item name in the row. The Social Icons settings open.

Social Profiles

Add one profile for each social link you want to show. The default profile list includes Facebook, Twitter, Youtube, Instagram, and Pinterest.

The Header Social Icons profile editor shows controls for adding and editing social profile links.
  1. Click + Add an item. A new social profile is added.
  2. Click the arrow for that profile. The profile fields open.
  3. Enter the profile Title, choose an Icon, and add the profile URL.
  4. Drag profile items to reorder them.

Customize Social Icons

SettingWhat it changes
Open link in a new tab.Opens social profile links in a new browser tab. This is enabled by default.
Adding rel=”nofollow” for social links.Adds rel="nofollow" to social profile links. This is enabled by default.
SizeSets the icon size.
PaddingSets the space inside each icon.
Icon SpacingSets the spacing between icons.
ShapeSets the icon shape to Rounded, Square, Circle, or None. The default is None.
ColorChooses Official Color or Custom. The default is Custom.
Custom ColorSets Normal and Hover background and icon colors when Color is Custom.
BorderControls border style, width, color, and radius.

For alignment and spacing around the item, use Header Item Layout. To place social icons in the mobile panel, add the item to Header Menu Sidebar.

Was this helpful?

0

Updated