How to add the word "Cart" underneath shopping cart Icon

Store Design
1

Hi, I’d like to add the word cart underneath the cart icon.

Faucetpet_0-1660004251452.png
Faucetpet_0-1660004251452.png1435×754 168 KB

2

hey whats the store domain and or password, maby i can search and find something for you!

3

www.faucetpet.com

pw Faucet

1 Like
4

@Faucetpet

thanks for url, can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.header__icon--cart span.visually-hidden {
    width: 100%;
    clip: auto !important;
    margin-top: 50px;
}

KetanKumar_0-1660013785689.png
KetanKumar_0-1660013785689.png1920×1080 290 KB

5

HI @Faucetpet
Please follow these Steps:-
Step1. Go to Online Store->Theme->Edit code
Step2. Search in Asset->/base.css → and open the base.css file paste the code below the bottom of the file.

Try this code

.header__icon--cart span.visually-hidden {
    width: 100%;
    clip: inherit !important;
    margin-top: 43px !important;
    left: 14px !important;
    text-transform: uppercase;
    font-size: 15px;
}

I hope that work

1 Like
6

hey you can go to edit code then assets → base.css

and copy this code at the bottom of the file:

.header__icon–cart span.visually-hidden {
width: 100%;
clip: auto !important;
margin-top: 50px;
}

7

Thank you Deven,

This worked but i had to edit for the left column from 14px to 2px to align center properly but this worked!