How can I add an icon before text in a navigation menu?

How can I add an icon before text in a navigation menu?

ellisbosisio
Excursionist
31 0 0

Hi, my site is www.vaigustando.it it's running under password: vaigustando123

my theme is CRAFT

 

I would like add on the VG Club link in navigation menù:

Screenshot 2023-05-24 alle 15.31.19.png

a icon (i already put it on shopify CDN: 

https://cdn.shopify.com/s/files/1/0617/1079/4935/files/loyalty-vg-icon.svg?v=1684935250

 

basically this is what i'm looking for as result:

 

2.jpg

is anybody able to help me? 

Best

Replies 2 (2)

NomtechSolution
Astronaut
1245 113 160

To add an icon to the VG Club link in your navigation menu in the CRAFT theme, you can follow these steps:

  1. From your Shopify admin, go to "Online Store" and then click on "Themes".

  2. Find your CRAFT theme and click on the "Customize" button.

  3. In the theme editor, click on the "Header" section or look for the navigation menu settings.

  4. Locate the VG Club link in the navigation menu settings.

  5. Edit the VG Club link and add the following HTML code to include the icon:

 

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon">
  <use xlink:href="https://cdn.shopify.com/s/files/1/0617/1079/4935/files/loyalty-vg-icon.svg?v=1684935250"></use>
</svg>
VG Club

 

ellisbosisio
Excursionist
31 0 0

hi NomtechSolution, wich file? 

Sorry but I lost you on point 4.