Add Social Icons to the Header
To add social icons in the header, start by setting your social network links in:
Theme Options > Layout > Social Icons
Theme Options > Layout > Social Icons
After setting the links, the social icons will automatically appear once you add the Social element in the Header Builder: Theme builder > Headers > Edit Your Header
Theme builder > Headers > Edit Your Header
The Result
Currently, the Social Icons tab includes a curated set of social platforms.
We are constantly adding more, but if the icon you need is missing, you can use one of these two workarounds:
Use an Icon with a Link Element
If the icon exists in the pixfort Icons set included in the theme, you can:
- Add a Link element in the Header Builder
- Leave the text field empty
- Select the desired icon and insert your link
Header Builder > Add Link Element
Link Settings > Choose Icon and Link
The Result
Use a Logo Element to Add a Custom Icon Image
If the icon is not available in the pixfort Icons set, you can use the Logo element to insert a custom image of the social icon:
- Add a Logo element in the Header Builder
- Upload the icon image, choose the image size, and add a link
Header Builder > Add Logo Element
Logo Settings > Choose Image, size and Link
The Result
Add Social Icons to Sidebar
To display social icons in your sidebar:
- Go to Appearance > Widgets
- Drag and drop the pixfort Social Links widget into your desired sidebar
- Click the widget to open and set the links
Appearance > Widgets > Add pixfort Social Links Widget
The Result
Add Social Icons to a Page, Footer or Template
You can place social icons anywhere in your page, footer or template using Elementor:
- Open the page, footer or template with Elementor Page Builder
- Add the Social Icons element from the pixfort Elements section
- Set your links in the element’s options panel
Elementor > Widgets > Add Social Icons from pixfort Elements
