Custom Hamburger icon in DAWN

Solved

Custom Hamburger icon in DAWN

StudioBlank
Explorer
80 3 28

Hello everyone,
Does anyone have a code for a custom icon for the drawer menu in DAWN theme on desktop?
I want to change the hamburger icon from the drawer menu on desktop to a custom icon.
Thanks.

᥇ꪶꪖꪀᛕ ᦓꪻꪊᦔ꠸ꪮ
Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
10038 2387 3014

This is an accepted solution.

Hi @StudioBlank 

 

This is definitely doable. Please follow the instructions below.

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Snippet" folder, click on "icon-hamburger.liquid" file. Change the contents of your file to your custom code.

 

Make sure you give the class name "icon icon-hamburger" so the styles will be the same. Then SAVE your file

Made4uoRibe_0-1716592186622.png

 

 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 6 (6)

Made4uo-Ribe
Shopify Partner
10038 2387 3014

This is an accepted solution.

Hi @StudioBlank 

 

This is definitely doable. Please follow the instructions below.

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Snippet" folder, click on "icon-hamburger.liquid" file. Change the contents of your file to your custom code.

 

Make sure you give the class name "icon icon-hamburger" so the styles will be the same. Then SAVE your file

Made4uoRibe_0-1716592186622.png

 

 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
StudioBlank
Explorer
80 3 28

This works perfectly thank you!

᥇ꪶꪖꪀᛕ ᦓꪻꪊᦔ꠸ꪮ

BSSCommerce-HDL
Shopify Partner
2305 835 908

Hi @StudioBlank

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

Step 2: Search file icon-hamburger.liquid

BSSTechVenture_0-1716592204608.png

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 😍

 

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

StudioBlank
Explorer
80 3 28

That works too. Thanks

᥇ꪶꪖꪀᛕ ᦓꪻꪊᦔ꠸ꪮ

PageFly-Amelia
Shopify Partner
626 165 238

Hello @StudioBlank 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Find the keyword hamburger and choose file .liquid

Step 3: Change the svg tag to the value you want

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

StudioBlank
Explorer
80 3 28

It works. Thanks

᥇ꪶꪖꪀᛕ ᦓꪻꪊᦔ꠸ꪮ