Changing the navigation icon for mobile

[ByronPratt]

https://shopevergifts.com/products/magic-writing-workbook

above is a link to my store. I’m using the craft theme.

I was curious if anybody knew how to change that navigation icon that I have circled in blue. I want to make the three lines on it just a little thicker to match the theme of everything else on the store.

if anybody knows how to do this it would be very much appreciated if you would share that with me. Thanks!

[PageFly-Noah · Accepted solution]

This is Noah from PageFly - Shopify Page Builder App

Hi @ByronPratt , You can change icon menu, Please open edit code and find file like here (currently image is file of Dawn theme):

Thank you so much. Hope my solution will help you resolve this issue !

Best regards,

Noah | PageFly

[PageFly-Noah · Accepted solution]

This is Noah from PageFly - Shopify Page Builder App

Hi @ByronPratt , You can change icon menu, Please open edit code and find file like here (currently image is file of Dawn theme):

Thank you so much. Hope my solution will help you resolve this issue !

Best regards,

Noah | PageFly

[ByronPratt]

thank you, this worked for me!

[PageFly-Noah]

@ByronPratt  Thank you, Have a nice day !

[HDL-Shin · Accepted solution]

Hi @ByronPratt, 

You can try this code by following these steps:

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

Step 2: Search file icon-hamburger.liquid

Step 3: Replace that code with this code

<svg viewBox="0 0 100 80" width="40" height="40">
  <rect width="100" height="20"></rect>
  <rect y="30" width="100" height="20"></rect>
  <rect y="60" width="100" height="20"></rect>
</svg>

Result: 

Hope this can help you
Kind regards,

HDL-Shin

[ByronPratt]

thank you, this also works for me!