Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
This is an accepted solution.
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.
This is an accepted solution.
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.
Thank you!!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024