Solved

Shopping cart icon missing from mobile header

Jot
Tourist
6 0 2

I have noticed my shopping cart icon is missing from my mobile header. I have the Testament theme, please help.

Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@Jot 

thanks for store url please add this code 

1. Go to Online Store->Theme->Edit code
2. Asset->/stylesheet.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media screen and (max-width: 980px) {
ul#cart li a, ul#cart li i, ul#cart li a, ul#cart li button{color: var(--header);}
}

After code Layout

KetanKumar_0-1627269909375.png

 

If helpful then please Like and Accept Solution.
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

View solution in original post

Replies 14 (14)

KetanKumar
Shopify Partner
36839 3635 11972

@Jot 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
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
Jot
Tourist
6 0 2

Hi, elevyn25.com 

Jot
Tourist
6 0 2
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@Jot 

thanks for store url please add this code 

1. Go to Online Store->Theme->Edit code
2. Asset->/stylesheet.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media screen and (max-width: 980px) {
ul#cart li a, ul#cart li i, ul#cart li a, ul#cart li button{color: var(--header);}
}

After code Layout

KetanKumar_0-1627269909375.png

 

If helpful then please Like and Accept Solution.
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
Kinjaldavra
Shopify Partner
2302 570 1422

hello @Jot 

 Go to Online Store->Theme->Edit code

 Asset->/stylesheet.css ->paste below code at the bottom of the file.

@media screen and (max-width: 980px){
ul#cart li a, ul#cart li i {
    color: #0e0e0e !important;
}
span.js-cart-count{
	color: #0e0e0e !important;
}
}

 

Jot
Tourist
6 0 2

Thank you!

ashishorclo
Tourist
4 0 2

Hey Ketan

I am facing the same issue on the desktop header.

This is the store url: https://orclo.in/

Can you please help?

KetanKumar
Shopify Partner
36839 3635 11972

@ashishorclo 

like this?

KetanKumar_0-1631786658126.png

 

If helpful then please Like and Accept Solution.
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
Kinjaldavra
Shopify Partner
2302 570 1422

hello @ashishorclo 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.cart.menu-btn{
    display: block;
}

 

ashishorclo
Tourist
4 0 2

Thanks for the reply.

theme.css is not there.Screenshot (475).png

ashishorclo
Tourist
4 0 2

Yes, Ketan.

ashishorclo
Tourist
4 0 2

It's not getting displayed for me. Also, the cart icon was at the right side on the header. Don't know how it is coming next to the logo.

KetanKumar
Shopify Partner
36839 3635 11972

@ashishorclo 

yes can be change header code custom code

If helpful then please Like and Accept Solution.
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

LitExtension
Shopify Partner
4860 1001 1132

Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > stylesheet.css and paste this at the bottom of the file:
@media screen and (max-width: 980px){
ul#cart li a, ul#cart li i, ul#cart li button {
color: var(--text-color);
}
}

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify