Liquid, JavaScript, themes, sales channels
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
Solved! Go to the solution
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
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
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,
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024