Replace LINK with the links to your social media profiles. Replace addyouremail with your email address.
Make sure you add https:// in front of your links (if you're writing them) to avoid broken links.
Example:
- Corrent link: https://www.instagram.com/studiosaroya
- Broken link: www.instagram.com/studiosaroya
01 In the menu
Go to Layout > open the "Social Icons" widget from the Social Icons widget area.
<div class="nav-social-icons">
<a href="mailto:addyouremail" target="_blank"><i class="fas fa-envelope"></i></a>
<a href="LINK" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="LINK" target="_blank"><i class="fab fa-pinterest"></i></a>
<a href="LINK" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="LINK" target="_blank"><i class="fab fa-tiktok"></i></a>
<a class="search-open"><i class="fas fa-search"></i></a>
</div>02 In the sidebar/footer/etc
Go to Layout > open the "Social Icons" widget from the Sidebar widget area.
You can use the same HTML to add social icons in other widget areas and pages.
<div class="social-icons">
<a href="mailto:addyouremail" target="_blank"><i class="fas fa-envelope"></i></a>
<a href="LINK" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="LINK" target="_blank"><i class="fab fa-pinterest"></i></a>
<a href="LINK" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="LINK" target="_blank"><i class="fab fa-tiktok"></i></a>
<a class="search-open"><i class="fas fa-search"></i></a>
</div>03 Add more social media icons
Head over to FontAwesome to search for icons (there's a lot!). When you find the icon you need, click on it and copy the HTML.
Paste the HTML between <a href="ADD-LINK" target="_blank"> and </a> and add the full code directly above </div>.
