Shopify themes, liquid, logos, and UX
Hello - I have a Shopify retail site and am not familiar with coding. I have worked through some shopify coders but have yet had anyone be able to fix this problem. Can someone help me add a cart function tot he mobile header/ or mobile menu? On desktop - my cart show on the desktop header. however on mobile view there is no cart that shows in the header. Customers have issues placing orders as they add items to their cart 95% on mobile but then cannot find their cart without adding another product and then being redirected to the cart page and deleting the subsequent product.
Is there an easy way to add a "cart" icon in the mobile header? Again, new to this so would need step by step directions on where to add it and exactly what code to add.
Thank you!
Solved! Go to the solution
This is an accepted solution.
yes please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme-lite.css ->paste below code at the bottom of the file.
@media (max-width: 767px) {
.header .cart-dropdown .cart-toggle {
display: inline-block;
margin-left: 20px;
}
}
This is an accepted solution.
yes please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme-lite.css ->paste below code at the bottom of the file.
@media (max-width: 767px) {
.header .cart-dropdown .cart-toggle {
display: inline-block;
margin-left: 20px;
}
}
Thank you so very much! It worked!!
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025