Solved

Changing the navigation icon for mobile

ByronPratt
Tourist
9 0 1

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

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

IMG_0073.jpeg

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!

Accepted Solutions (2)

PageFly-Noah
Shopify Partner
1287 228 261

This is an 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):
PageFlyNoah_0-1715529591065.png

PageFlyNoah_1-1715529774283.png

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

Best regards,

Noah | PageFly

 

 

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


PageFly - #1 Page Builder for Shopify merchants.


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

View solution in original post

HDL-Shin
Shopify Partner
80 20 15

This is an accepted solution.

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

 

Step 2: Search file icon-hamburger.liquid

HDLShin_1-1715530431151.png

 

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: 

HDLShin_2-1715530560865.png

Hope this can help you
Kind regards,

HDL-Shin

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
♥️♥️♥️ HDL-Shin || Shopify Partner ♥️♥️♥️

View solution in original post

Replies 5 (5)

PageFly-Noah
Shopify Partner
1287 228 261

This is an 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):
PageFlyNoah_0-1715529591065.png

PageFlyNoah_1-1715529774283.png

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

Best regards,

Noah | PageFly

 

 

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


PageFly - #1 Page Builder for Shopify merchants.


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

ByronPratt
Tourist
9 0 1

thank you, this worked for me!

PageFly-Noah
Shopify Partner
1287 228 261

@ByronPratt  Thank you, Have a nice day !

 

 

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


PageFly - #1 Page Builder for Shopify merchants.


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

HDL-Shin
Shopify Partner
80 20 15

This is an accepted solution.

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

 

Step 2: Search file icon-hamburger.liquid

HDLShin_1-1715530431151.png

 

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: 

HDLShin_2-1715530560865.png

Hope this can help you
Kind regards,

HDL-Shin

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
♥️♥️♥️ HDL-Shin || Shopify Partner ♥️♥️♥️
ByronPratt
Tourist
9 0 1

thank you, this also works for me!