Someone updated the cart icon on this site with an icon that’s about 3 times the width of the original when something is added to the cart, but they didn’t know how to update the code, so the cart bubble now appears in the original place on the screen. Can I adjust the code somewhere to move the bubble so it appears over the square again? I believe there’s also supposed to be a mauve color state for the bubble when it’s activated. I found some code for that but it’s not appearing either.
https://annamuseo.com/cart - Dawn theme
Hi @stribley ,
- Go to admin → Select the theme you are using → Edit code
- Search for theme.liquid file and add this code behind the tag
{% style %}
.cart-count-bubble {
position: absolute;
top: 11px !important;
left: 42px !important;
}
a#cart-icon-bubble {
position: relative;
}
{% endstyle %}
Hope it helps @stribley
Result:
1 Like
Fantastic. That worked. Thank you so much!
One more related question, sorry. This seems to cause some slight horizontal scrolling in mobile due to the wider cart icon, too, when an item is added, which pushed the number off-screen. Is there somewhere I can change the padding or a setting to make everything fit? I can’t seem to find that.
