How to display the social icons in header

This guide will demonstrate how to add social icons or any other custom widget to the header of your website.

1. In the 'Shortcodes' section of admin menu, copy the social links and paste them into the footer of your website using the 'Widget/HTML' module.

2. Within the Widget/HTML code, add the class 'hs-magic.' Afterward, refresh the page, and you will observe the icons now appearing inside the header, although edited in the footer.

After the icons appear in the header, you can edit them in the footer at the same position where you initially added them. To find the code for editing in the footer, hover over widget/HTML. The code will be displayed as shown below: