Header Social Icons (PRO)

If you wish to add your social media buttons (Facebook, Twitter and so on) to the site header, you can do so through the Social Icons component of the header builder. No coding skills are required.

Header Social Icons is part of Neve Pro's Header Booster module.

Add Header Social Icons

The header builder ( found in Appearance > Customize > Header ) has three rows in which you can easily select and arrange the available components you can find while hovering over each division of the rows. Just click on the "+" (Add) sign and a list of components will appear. From there you can add the Social Icons component.

Open customizations for the Header Social Icons

To open the customizing options, just click on the newly added Social Icons component settings wheel. This will open the Social Icons panel on the left side, from where you can customize the component.

Adding Social Icons

In the General tab click the Add Item button and toggle the arrow to open each item and enter the details.

Item fields:

  • Title: The social network name, for e.g. Facebook, Twitter.
  • Icon: Social icon.
  • Link
  • Icon Color
  • Background Color

Items can be reordered by clicking on the Reorder button, right near the Add Item button.

Items can also be hidden by clicking on the Eye symbol, found in front of each item.

To make links open in a new tab, instead of opening in the current window, enable the Open in new tab option.

Style Social Icons

  • Icon Size
  • Icon Spacing: spacing between items.
  • Border Radius
  • Icon Padding: padding around the icons.

Custom padding and margin

Click on the Layout tab to have access to advanced positioning options like Alignment ( inside the header builder available space for the Social Icons component ), Padding, and Margin.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.