How to align and change menu icon, and move the two icons farther to the edge of the screen?

Store Design
, , , , ,
1

merchabellire_0-1703626936634.png
merchabellire_0-1703626936634.png905×255 8.78 KB

Website: abellire.shop

Password: abellire2023

Icon I’d like to use: Remix Icon - Open source icon library

I would like to change the hamburger menu icon to the link provided but make it align with the shopping bag icon in terms of level height. I’d also like to move both icons equally a bit to the edge. Any help is greatly appreciated.

2

Hi @merchabellire

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1703637321755.png
PageFlyRichard_0-1703637321755.png390×844 30 KB

About to change the hamburger icon, you have to download the icon as svg format first

Then you can click and open the svg file > right click on the svg and copy all the code here

PageFlyRichard_1-1703637410294.png
PageFlyRichard_1-1703637410294.png1921×951 24.8 KB

After that go to theme edit code > search for icon-hamburger.liquid and replace the code with the one you copied

Hope this can help you solve the issue

Best regards,

Richard | PageFly