Shopping cart icon missing from mobile header

Solved
Tourist
4 0 0

Hi

 

We have just recently noticed that our shopping cart icon is not showing on our mobile site. It is however appearing on the desktop site.

 

Can someone help with this coding issue.

 

Thank you so much in advance.

 

Store: https://www.thebabycloset.com.au

 

 

0 Likes
Highlighted

Success.

Hello @thebabycloset,

Please add below css

@media only screen and (max-width: 767px) {
 .mini-cart .cart-icon .cart-icon-handle,.mini-cart .cart-icon .cart-icon-handle:hover {
	border-color: #fff;
}
 .mini-cart .cart-icon strong:hover,.mini-cart .cart-icon strong {
	color: #fff;
	border-color: #fff;
}
.mini-cart:hover .cart-icon strong, .mini-cart.active .cart-icon strong {
	border-color: #fff;
	background-color: #fff;
	color: #fff;
}
.mini-cart:hover .cart-icon .cart-icon-handle, .mini-cart.active .cart-icon .cart-icon-handle {
	top: -8px;
	border-color: #fff;
}
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
4 0 0

Thank you so much.

 

Would you kindly let me know what area I add this code.

 

ie. theme.liquid or header.liquid etc?

 

 

0 Likes
Highlighted

Success.

@thebabycloset,

1. Go to Online Store->Theme->Edit code
2. Asset->rt.style.scss.liquid->paste code in bottom of file

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
4 0 0

Thank you so much! It worked.

 

We really appreciate you wonderful help.

 

 

0 Likes
Highlighted
Tourist
4 0 0

*your

0 Likes
Highlighted
New Member
3 0 0

We have the same problem but on both our desktop and mobile sites @jandcolifestyle 

 

I have tried to save the coding below and it does not seem to have corrected our problem. I have only noticed the problem since we have downloaded the app Smile as a rewards program add-on.

 

Any further advice?

0 Likes
Highlighted

Hello @joluzny,

Can you please share your site url

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
3 0 0

Sorry it is https://www.jandcolifestyle.com.au/ 

 

Many thanks!

 

0 Likes
Highlighted

Hi @joluzny ,

The cart seems to show in both devices but you are calling for an icon that is not available under your assets.

You can either remove the code 'bag-icon' from the header or add the icon named 'bag-icon_32x.png' to your assets.
The best solution would be to remove the code. 


0 Likes