Icon Cart Heigh

Solved

Icon Cart Heigh

KinkPill
New Member
7 0 0

as you can see in the picture provided, the cart icon is very huge/tall for some reason causing potential customers to accidentally open the cart, when they try to navigate. this problem came with a prebuilt store theme i used so i didnt make this change. how can I change this? I have tried almost everything. thanks.bild_2024-06-14_005735725.png

Accepted Solution (1)
manuelzambrano8
Shopify Partner
15 1 0

This is an accepted solution.

Please send me a PM and maybe I can take a look a deeper code to the code. 

View solution in original post

Replies 13 (13)

manuelzambrano8
Shopify Partner
15 1 0

Hello! I'd be glad to help you with this. 

 

Could you please provide me with your store URL so I can take a look? 

KinkPill
New Member
7 0 0

parlyx.com

manuelzambrano8
Shopify Partner
15 1 0

Go to the theme code -> search for the base.css -> go to the very bottom line and add the following code: 

 

#cart-icon-bubble svg{

height: fit-content;

}

 

I did it on the browser inspector and worked good, please PM if you have any question or if you need further assistance with this.

 

 

KinkPill
New Member
7 0 0

It worked for desktop but not for phone 😕

manuelzambrano8
Shopify Partner
15 1 0

It looks good on my end on phone too, 

 

Could you please provide me with an example? Maybe I can take a deeper look at it. 

manuelzambrano8
Shopify Partner
15 1 0

This is how it currently looks on mobile on my end: 

 

manuelzambrano8_0-1718323134139.png

 

KinkPill
New Member
7 0 0

yup, however if you look up the website on your phone the problem is still there sadly...

manuelzambrano8
Shopify Partner
15 1 0

I just tried on my Iphone 14 pro and I don't have any issue, 

 

Could you please clear your cache or try from incognito mode? 

 

If the issue persists, please send me a PM and we can discuss this further!. 

KinkPill
New Member
7 0 0

as you can see in this image, the problem still persists even after i tried on incognito. bild_2024-06-14_020514903.png

manuelzambrano8
Shopify Partner
15 1 0

In the same CSS file, try to add this one: 

 

#cart-icon-bubble{

max-height: 44px !important;

}

 

Let me know if it works. 

KinkPill
New Member
7 0 0

that sadly doesnt work either. it's like the code doesn't affect mobile.

manuelzambrano8
Shopify Partner
15 1 0

This is an accepted solution.

Please send me a PM and maybe I can take a look a deeper code to the code. 

manuelzambrano8
Shopify Partner
15 1 0

Fixed!