how can i change the menu icon to a custom one with svg
Hi @shopekaja ,
This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.
While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:
Step 1: Go to Online Store → Theme → Edit code
Step 2: Find icon-hamburger.liquid in Snippet folder
Step 3: Replace svg code with your custom svg and save
Best regards,
Anthony
How can I change the closing icon of the menu as well?
I think you can change it on icon-close-small.liquid or icon-close.liquid. You should test them both.
Thank you so much! Will try and let you know
Hi @shopekaja
This is Noah from PageFly - Shopify Page Builder App
It would be easier for you to change the icon in this case because you already have the
Now we just need to replace it to the old one and your icon will be show
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: search for the menu icon file, it could be : hamburger-menu.liquid, menu-icon.liquid.
Once you found the file, in that file should only have the svg only, and you can replace all of it with your svg
Hope this can help you solve the issue
Best regards,
Noah | PageFly
@shopekaja It’s look like you are replacing 2 icons in 1 file.
Please make sure that each icon is placed in different and separated files like this
both the icons were placed in two seperate files, could you please check where am I going wrong ?
Hi @shopekaja Can you share with me the site URL?
Hi i am having this issue as well how do i fix it?