dawn theme - add icon before an menu item

How can i add an icon to a menu item link? Thanks!

“ICON - MENU ITEM LINK”

1 Like

@xnyjyh , Can you kindly share the details of your problem (screenshot) with us? We will check it and suggest you a solution if possible.

Hi @xnyjyh ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like

Hi @xnyjyh ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like

You da bomb as usual! Thanks so much! :slightly_smiling_face:

1 Like

@xnyjyh , No problem. Glad to help you :heart_eyes:

1 Like

Just realized it did not do this to the mobile menu. how can I add it to that?

1 Like

Hi @xnyjyh , You want the icon to do this right?

correct, that one

1 Like

Alos, no idea why, but my mobile menu scrolls sideways when open and the main content under page scrolls too. is there a way to fix that too? like so its just fixed and nothing scrolls at all when menu open?

1 Like

Hi @xnyjyh ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like

Works great, thanks!

1 Like

Hi @xnyjyh , For no scrolls at all when menu open

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

kinda worked, still moves sideways and upwards, but when you touch the menu to move it, the menu snaps into fixed state after.

1 Like

@xnyjyh , I don’t quite understand what you mean.

Hi @BSSCommerce-HDL

I tried your code and adapted to my menu id but now the text of the menu is on the far left, how do i adjust it and how do i make it appear on mobile?

1 Like

Hi @JGTQM2018 , Can you kindly share your store link with us? We will check it and suggest you a solution if possible.

Hi @BSSCommerce-HDL , thank for the reply!

Of course, https://aiwa-int.com.au/, I’ve removed the code for now, please let me know how i can fix it :slightly_smiling_face:

1 Like

Hi @JGTQM2018 , Pls add back the previous code. I added more with this code:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like

@BSSCommerce-HDL Thank you for your reply, I really appreciate it !

I’ve re added the code but the icons only show on menu type " Mega menu" and I want to use it as menu type Drawer, also its not showing up in mobile either menu type ? :disappointed_face:

Thank you for your help!