FROM CACHE - en_header

Fix hamburger menu mobile and change cart icon

Solved
Zakariatheguy
Excursionist
39 0 9

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 

 Screenshot 2022-11-24 at 17.53.54.png

Accepted Solutions (2)

Accepted Solutions
PageFly-Victor
Shopify Partner
4384 720 2069

This is an 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}

PageFlyVictor_0-1669350625885.png

 

 

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

PageFlyVictor_1-1669350625918.png

Hope my solution works perfectly for you!

Regards,

Victor | PageFly

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

View solution in original post

BSS-Commerce
Shopify Partner
223 33 38

This is an 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;":

view-2.png

 

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.

 

view-3.png

 

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

 

I hope you find my answer helpful!

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
BSS Commerce - Shopify Apps & Store Development Service Provider
Hire a Shopify expert | Shopify Plus Store Development
Install B2B & B2C apps to accelerate sales

View solution in original post

Replies 3 (3)
Gidyrex
New Member
2 0 0

Hello 

I can help fix the menu  

I just need access to the store 

PageFly-Victor
Shopify Partner
4384 720 2069

This is an 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}

PageFlyVictor_0-1669350625885.png

 

 

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

PageFlyVictor_1-1669350625918.png

Hope my solution works perfectly for you!

Regards,

Victor | PageFly

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

BSS-Commerce
Shopify Partner
223 33 38

This is an 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;":

view-2.png

 

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.

 

view-3.png

 

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

 

I hope you find my answer helpful!

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
BSS Commerce - Shopify Apps & Store Development Service Provider
Hire a Shopify expert | Shopify Plus Store Development
Install B2B & B2C apps to accelerate sales