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!!
User | RANK |
---|---|
72 | |
64 | |
53 | |
52 | |
42 |
As a business owner, have you ever wondered when your customer's first impression of yo...
By Skye Jun 6, 2023We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023