Brooklyn Theme: Add Instagram Icon on Top Right Next To Search and Cart

[adthai]

Hi, my URL is https://a-lineage-story.myshopify.com/. Password is 'beckew'. I want to add an instagram button icon on the red circle where I have attached a photo. Does anyone know how to do this?

[Nazmulhasan · Accepted solution]

@adthai 

1. Go to Actions -> Edit Code -> Sections -> header.liquid file.

2. Search for </nav>, and above that you'll find a </ul>.

3. Above that </ul> paste this code snippet.

<li class="site-nav__item site-nav__item--compressed">
  <a href="{{ settings.social_instagram_link | escape }}" class="site-nav__link site-nav__link--icon">
    <span class="icon-fallback-text">
      <span class="icon icon-instagram" aria-hidden="true"></span>
    </span>
  </a>
</li>  

It should look like this:

4. Save the file and reload your site. It should add the instagram icon at the top right of your cart.

Let me know if you face any problem doing that.

[adthai]

Thank you!!

[GinaBorgia]

Hi, I'm using the Spotlight theme, and would like to do the same thing but I couldn't find this section in my header.liquid. I'm working on this site: https://loihirecords.com/