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.
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?
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.
It worked for desktop but not for phone 
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.
yup, however if you look up the website on your phone the problem is still there sadly…
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!.
In the same CSS file, try to add this one:
#cart-icon-bubble{
max-height: 44px !important;
}
Let me know if it works.
that sadly doesnt work either. it’s like the code doesn’t affect mobile.
Please send me a PM and maybe I can take a look a deeper code to the code.
Fixed!