Changing the navigation icon for mobile

Store Design
,
1

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

above is a link to my store. Iā€™m using the craft theme.

IMG_0073.jpeg
IMG_0073.jpeg828Ɨ611 55.7 KB

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!

2

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):

PageFlyNoah_0-1715529591065.png
PageFlyNoah_0-1715529591065.png3294Ɨ1826 697 KB

PageFlyNoah_1-1715529774283.png
PageFlyNoah_1-1715529774283.png3098Ɨ1770 334 KB

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

Best regards,

Noah | PageFly

3

Hi @ByronPratt ,

You can try this code by following these steps:

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

HDLShin_0-1715530361044.png
HDLShin_0-1715530361044.png1902Ɨ899 133 KB

Step 2: Search file icon-hamburger.liquid

HDLShin_1-1715530431151.png
HDLShin_1-1715530431151.png1919Ɨ854 52.2 KB

Step 3: Replace that code with this code

Result:

HDLShin_2-1715530560865.png
HDLShin_2-1715530560865.png624Ɨ701 220 KB

Hope this can help you
Kind regards,

HDL-Shin

4

thank you, this worked for me!

5

thank you, this also works for me!

1 Like
6

@ByronPratt Thank you, Have a nice day !