Re: Fix hamburger menu mobile and change cart icon

Solved

Fix hamburger menu mobile and change cart icon

Zakariatheguy
Excursionist
52 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)

PageFly-Victor
Shopify Partner
7865 1786 3110

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

View solution in original post

BSS-Commerce
Shopify Partner
3477 463 542

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, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 3 (3)

Gidyrex
Visitor
2 0 0

Hello 

I can help fix the menu  

I just need access to the store 

PageFly-Victor
Shopify Partner
7865 1786 3110

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

BSS-Commerce
Shopify Partner
3477 463 542

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, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency