Cart-icon Bubble Resize

Store Design
,
1

Hello.
So I recently changed my cart icon to a custom SVG icon but the bubble got little messed up.
Can someone help me?

I want the bubble to be a black circle with my theme font for the number

3.PNG
3.PNG911×623 291 KB

2

Hi @StudioBlank ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

BSSTechVenture_0-1716682289017.png
BSSTechVenture_0-1716682289017.png1902×899 133 KB

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSTechVenture_1-1716682293925.png
BSSTechVenture_1-1716682293925.png1916×934 101 KB

Step 3: Insert the below code at the bottom of the file → Save

.cart-count-bubble {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(0px, 20px) !important;
    left: unset !important;
    bottom: unset !important;
}

Here is result:

BSSTechVenture_2-1716682408171.png
BSSTechVenture_2-1716682408171.png1919×886 83.3 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
3

Ok this works but its not using the same font as my page. How can i change that?