Add social icons in Neve's header

Neve's header builder consists of multiple components, including an HTML component, which can be used for HTML content and shortcodes. This feature can be used to add some beautiful social icons in the header area.

What you'll need to do is:

1. Use a dedicated plugin for social icons, that has a shortcode. In this example, we are using

2. Configure the plugin and set up the social icons as you need.

3. Navigate to Appearance > Customize > Header and use the HTML component to add the [cn-social-icon] shortcode or the shortcode used by the plugin of your choice.

4. In this example, to make the social icons align, we also added a small piece of code in Appearance > Customize > Additional CSS:

ul.cnss-social-icon {
    display: inline-flex;

That's it!

Do you enjoy Neve? Check Neve Pro where the social icons are a dedicated component of the header builder, alongside many more options, like sticky or transparent header.
