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 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. 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.
- Title: The social network name, for e.g. Facebook, Twitter.
- Icon: Social icon.
- 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.