Add Instagram icon to header

I was told to add my code
<li class=”instagram”>

<i class=”fa fa-instagram”></i>

to the header section in the Acme Themes>Hooks>Header
———-
I found the area to add the code—–see below——
<div class=”col-sm-6 text-right”>
<?php
if( ‘social’ == $mercantile_header_top_right_option ) {
do_action(‘mercantile_action_social_links’);
}
?>
</div>
—–But when I add my code, it makes the icon either on top of the FB icon or below the icon and it adds a bullet next to it.

When I add the code to the chrome inspector, the icon is correct, but I can not find where to add my code to the code that the inspector has on my website. See below.

<div class=”col-sm-6 text-right”>
<ul class=”socials”>
<li class=”facebook”>
<i class=”fa fa-facebook”></i>

<li class=”instagram”>

<i class=”fa fa-instagram”></i>

</div>

Please help me. Thank you

The page I need help with: [log in to see the link]