Re: Help adding a cart to mobile view - shows on desktop but not mobile

Solved

Help adding a cart to mobile view - shows on desktop but not mobile

riverabe
Tourist
4 0 0

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.

 

www.isaroe.com

 

Thank you!

Accepted Solution (1)

KetanKumar
Shopify Partner
37634 3670 12166

This is an accepted solution.

@riverabe 

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

 

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

View solution in original post

Replies 2 (2)

KetanKumar
Shopify Partner
37634 3670 12166

This is an accepted solution.

@riverabe 

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

 

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
riverabe
Tourist
4 0 0

Thank you so very much! It worked!!