How to add social icons/links on header?
It is possible to add social icons with links in the top header bar or any other widget area as instructed below:
-
Navigate to any of the text editors available in the eLearning theme.
For example: Navigate to the Header Top Bar and choose Text/HTML from the Left Content or Right Content drop-down.
-
Select text from the text area tab.
-
Add the following code inside the text area box:
<div class="header-bar-social-icons">
<a href="https://facebook.com/elearningtheme/">
<i class="fa fa-facebook"></i>
</a>
<a href="https://twitter.com/elearningtheme/">
<i class="fa fa-twitter"></i>
</a>
<a href="https://plus.google.com/elearningtheme">
<i class="fa fa-google-plus"></i>
</a>
<a href="https://linkedin.com/elearningtheme">
<i class="fa fa-linkedin"></i>
</a>
</div>
- In the above code, edit the link and code for FontAwesome Icons as per your preference.
Was this article helpful to you?
Give us Rating
Last edited on December 07, 2023.
Edit this page