How can i add an icon to a menu item link? Thanks!
“ICON - MENU ITEM LINK”
How can i add an icon to a menu item link? Thanks!
“ICON - MENU ITEM LINK”
@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 ![]()
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 ![]()
You da bomb as usual! Thanks so much! ![]()
@xnyjyh , No problem. Glad to help you ![]()
Just realized it did not do this to the mobile menu. how can I add it to that?
Hi @xnyjyh , You want the icon to do this right?
correct, that one
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?
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 ![]()
Works great, thanks!
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 ![]()
kinda worked, still moves sideways and upwards, but when you touch the menu to move it, the menu snaps into fixed state after.
@xnyjyh , I don’t quite understand what you mean.
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?
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 ![]()
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 ![]()
@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 ? ![]()
Thank you for your help!