Set Up Navigation Icons in Chloe

First, go to Appearance > Widgets and drag the Text widget box into the Nav Social Menu location.

Open up that text widget and paste this code within there (sample code is also included in the ‘Assets’ folder of the theme)

<div class="socialicons"><a href="FACEBOOK-LINK" target="_blank"><i class="fa fa-facebook"></i></a> <a href="TWITTER-LINK" target="_blank"><i class="fa fa-twitter"></i></a> <a href="PINTEREST-LINK" target="_blank"><i class="fa fa-pinterest"></i></a> <a href="INSTAGRAM-LINK" target="_blank"><i class="fa fa-instagram"></i></a> <a href="BLOGLOVIN-LINK" target="_blank"><i class="fa fa-heart"></i></a> <a href="mailto:EMAILADDRESS"><i class="fa fa-envelope"></i></a></div>
	

Delete and add as you please. Additional icon codes are included in the ‘Icon Link Codes’ file inside of the ‘Assets’ folder. You may separate each icon with a space. Be sure to keep the div tags in place.

To set up your links simple replace the cap letters with your own links.

Example: For Twitter, you need to insert your Twitter (URL) link in the exact spot that says
“TWITTER-LINK”. Nothing more, nothing less. The same applies for the other icons.