Fix hamburger menu mobile and change cart icon

[Zakariatheguy]

Hey How can I fix the hamburger menu its to much to the left on mobile and I would like to change the cart icon to something else how can I do that? See example

website:www.auntclothing.com

password:auntsoon 

 

[PageFly-Victor · Accepted solution]

Hi @Zakariatheguy ,

This is Victor from PageFly - Landing Page Builder App

About Hamburger Menu

• Go to Online Store->Theme->Edit code
• Asset-> base.css  paste the below code at the bottom of the file.

.header__icon--menu .icon{left:15px !important}

About change icon cart: talk width them can  change at the file icon-cart.liquid and icon-cart-empty.liquid

Hope my solution works perfectly for you!

Regards,

Victor | PageFly

[Gidyrex]

Hello 

I can help fix the menu  

I just need access to the store 

[PageFly-Victor · Accepted solution]

Hi @Zakariatheguy ,

This is Victor from PageFly - Landing Page Builder App

About Hamburger Menu

• Go to Online Store->Theme->Edit code
• Asset-> base.css  paste the below code at the bottom of the file.

.header__icon--menu .icon{left:15px !important}

About change icon cart: talk width them can  change at the file icon-cart.liquid and icon-cart-empty.liquid

Hope my solution works perfectly for you!

Regards,

Victor | PageFly

[BSS-Commerce · Accepted solution]

Hi @Zakariatheguy 

In your case, you can follow these steps to fix the hamburger menu icon which is moved to left:

Go to Online Store -> Theme -> Edit code -> base.css (line 3050) and remove "width: auto;":

And if you want to change cart icon, you can try:

Create your own icon and copy code of icon, I recommend you do that in JPG, PNG to SVG Converter - Image to High Quality Color SVG for FREE

Go to Online Store -> Theme -> Edit code -> icon-cart.liquid and icon-cart-empty.liquid, remove all code then paste code of your own icon into both files.

For more details, you should watch this video: How To Change Cart Icon Shopify [Dawn Theme] - YouTube.

I hope you find my answer helpful!