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

Solved

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

Faucetpet
Excursionist
24 0 13

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

 

Faucetpet_0-1660004251452.png

 

Accepted Solution (1)

deven1994
Shopify Partner
44 3 20

This is an accepted solution.

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 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on kdevender353@gmail.com regarding any help Whatsapp Me
Shopify Partner | Devenk

View solution in original post

Replies 6 (6)

ScepticalClo
Excursionist
29 0 5

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

Faucetpet
Excursionist
24 0 13

www.faucetpet.com

 

pw Faucet

KetanKumar
Shopify Partner
37622 3670 12166

@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

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ScepticalClo
Excursionist
29 0 5

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;
}

deven1994
Shopify Partner
44 3 20

This is an accepted solution.

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 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on kdevender353@gmail.com regarding any help Whatsapp Me
Shopify Partner | Devenk
Faucetpet
Excursionist
24 0 13

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!