Fix hamburger menu mobile and change cart icon

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

1 Like

Hello

I can help fix the menu

I just need access to the store

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

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!