Replace LINK with the links to your social media profiles.
Make sure you add https:// in front of your links (if you're writing them) to avoid broken links.
Example:
- Correct: https://www.instagram.com/studiosaroya
- Incorrect: www.instagram.com/studiosaroya
Menu social icons
Go to Layout > open the "Social Icons" widget from the "Social Icons (Menu)" widget area.
<div class="menu-social">
<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 href="LINK" target="_blank"><i class="fab fa-youtube"></i></a>
</div>Some themes have search form popups in the menus, so if yours has one, add this line before </div> in the code above:
<span class="search-toggle"><i class="fas fa-search"></i></span>Sidebar social icons
Go to Layout > scroll down to "Sidebar Column" > open the "Social Icons" widget. You can use the same HTML to add social icons in other widget areas and pages.
<div class="social-icons">
<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 href="LINK" target="_blank"><i class="fab fa-youtube"></i></a>
</div>How to add more social icons
Go 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="LINK" target="_blank"> and </a> and add the full code directly above </div> in the widget with your social icons. Don't add the new icon below </div> because it wont have the same styling as the rest of the icons.
