How to add an svg icon to the header?

Store Design
, ,
1

Hello,

I want to add an SVG icon in the top menu next to the cart and search icons.

I can’t find where to edit the code.

I’m using the Kalles template.

Where circled in the picture.

svgicon.PNG

Thanks.

3 Likes
2

Hey @Elailll ,

We’ll need to edit the header.liquid to add an icon and hyperlink it to the destination you’re looking for. Let us help understand your use case and we’d love to help :slightly_smiling_face:

Cheers!
Shubham | Untechnickle

1 Like
3

Hello @Elailll
Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

2 Likes
4

This is the link to the store https://mr00bm-pz.myshopify.com/

I want to add this icon https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Yellow_ribbon.svg/500px-Yellow_ribbon.svg.png

to where I marked in the picture.

svgicon.PNG

Thanks.

5

This is the link to the store https://mr00bm-pz.myshopify.com

I want to add this icon

upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Yellow_ribbon.svg/500px-Yellow_ribbon.svg…

to where I marked in the picture.

svgicon.PNG

Thanks.

6

Is there a solution?

7

i can’t find where to add the code.

8

Yes, there is we’ll need to edit your header.liquid files. We’ll need to dig deep into your code to understand the structure and apply the fix at the right place. If you are comfortable, please DM or email us your collaborator code and we’ll send you the store access request to add the fix.

Once it’s done, we’ll add the solution here so that others can benefit from it as well.

Looking forward to hearing from you!
Shubham | Untechnickle