Hamburger menu debut theme

Solved
ddc
New Member
4 0 0

Hi,

I replaced my header icons for debut theme with google icons. But now I have an issue with the hamburger menu icon. When I select it, it sticks next to the close button, in the left.

This is the code I have in icon-hamburger.liquid

<!--svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 37 40"><path d="M33.5 25h-30c-1.1 0-2-.9-2-2s.9-2 2-2h30c1.1 0 2 .9 2 2s-.9 2-2 2zm0-11.5h-30c-1.1 0-2-.9-2-2s.9-2 2-2h30c1.1 0 2 .9 2 2s-.9 2-2 2zm0 23h-30c-1.1 0-2-.9-2-2s.9-2 2-2h30c1.1 0 2 .9 2 2s-.9 2-2 2z"/></svg>
-->

<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 20" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>

 

Does anyone have any idea what I should modify in the code to fix this?

Thank you

0 Likes
LitExtension
Shopify Partner
1228 157 217

This is an accepted solution.

You just need to add class="icon-hamburger" to it, it will work fine. https://i.imgur.com/wBY4GLK.png

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
ddc
New Member
4 0 0

Hi,

Apologies for the delayed answer, the client decided to use a paid theme meanwhile. 

I added the class as you specified, to check, and it works just fine, thank you.

 

I added the class myself to the code before asking the question here, I was only adding it as it appears in the initial icon svg code, class='' icon icon-hamburger'' and I assumed it would work but it didn't, so I removed it. 

 

Thanks again, 

0 Likes