How can I adjust the product counter on my cart icon?

[Luburic]

Hello there 

My Name is Marko and I need Your Help!!!

My Cart icon shows the amount of Product that are in there a little bit weird. 

I would like that the amount is shown on the top left

URL:

https://defd50.myshopify.com/products/christmas-home-slippers-cute-cartoon-santa-claus-cotton-slippe...

PW: hel1o

I would really appreciate if someone can help me out with that
Friendly regardes 
Marko

[Made4uo-Ribe · Accepted solution]

Hi @Luburic 

Thank you for providing your website information. Please follow the steps below

• From your Shopify admin dashboard, click on "Online Store" and then "Themes".
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

NOTE: The text color of you bubble is not so visible, so I change it to white. Remove this "color: white;" in the code or change the color you want. 

div.cart-count-bubble {
    top: 0;
    color: white;
}

• And Save. 
• Result

[Dan-From-Ryviu]

Please add this code at the bottom of your base.css file 

.cart-count-bubble {
    bottom: 30px !important;
    left: 0px !important;
}