Change hamburger icons

Technical Q&A
1

I am using Dawn theme and changed the hamburger icon by removing all the deafult code with my custom svg code but when i click it this shows

NOT1_0-1724573350254.png

Where only cross icon should have been shown but my custom icon is also showing how can i only show the cross icon

1 Like
2

Hi @NOT1 , You try change this svg to your svg

BSSCommerceHDL_0-1724573703821.png
BSSCommerceHDL_0-1724573703821.png1919×857 85.7 KB

Hope this can help you :heart_eyes:

3

I didnt get it i have a custom svg code applied on just the icon

1 Like
4

@NOT1 , I think it is currently being overwritten. So you try changing the svg into the file as above

5

Thx

1 Like
6

Hi @NOT1 ,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

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

7

@NOT1 , Glad to help you :heart_eyes: