Icon Cart Heigh

[KinkPill]

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.

[manuelzambrano8]

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]

parlyx.com

[manuelzambrano8]

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]

It worked for desktop but not for phone 😕

[manuelzambrano8]

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]

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

[KinkPill]

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

[manuelzambrano8]

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]

as you can see in this image, the problem still persists even after i tried on incognito. 

[manuelzambrano8]

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

#cart-icon-bubble{

max-height: 44px !important;

}

Let me know if it works. 

[KinkPill]

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

[manuelzambrano8 · Accepted solution]

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

[manuelzambrano8]

Fixed!