Why Does My 'View Cart' Button Only Appear on Mobile? Need Help Making It Show on Desktop Too!

Solved

Why Does My 'View Cart' Button Only Appear on Mobile? Need Help Making It Show on Desktop Too!

petza
Tourist
6 0 1

Hey everyone! 👋

I’m running a Shopify store with the Yuva theme and I’ve enabled the cart drawer. On mobile, everything works fine—the 'View Cart' button shows up right below the checkout button. But on desktop, the button is completely missing. 😕

I’ve tried checking the CSS and Liquid files but haven’t had any luck getting it to display consistently on both views. Has anyone faced this issue before? Any suggestions on how to fix this?

Thanks in advance for any help! 🙌

Accepted Solution (1)
NerdCurator
Shopify Partner
440 80 112

This is an accepted solution.

@petza  You need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of theme.min.css file.

 

.yv_side_drawer_title{
padding: 20px 35px !important;
}

 

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 10+ years.
- Was my reply helpful? Click Like to let me know! Coffee tips fuel my dedication.
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com

View solution in original post

Replies 7 (7)

NerdCurator
Shopify Partner
440 80 112

@petza  Can you please provide the URL of your store and if it is password protected please share the password too. Thanks

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 10+ years.
- Was my reply helpful? Click Like to let me know! Coffee tips fuel my dedication.
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com
petza
Tourist
6 0 1
*******
NerdCurator
Shopify Partner
440 80 112

This is an accepted solution.

@petza  You need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of theme.min.css file.

 

.yv_side_drawer_title{
padding: 20px 35px !important;
}

 

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 10+ years.
- Was my reply helpful? Click Like to let me know! Coffee tips fuel my dedication.
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com
petza
Tourist
6 0 1

Thank you very much for the suggested solution, but unfortunately, it doesn't work.

 
NerdCurator
Shopify Partner
440 80 112

@petza I don't see the code that you have added in the file. 

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 10+ years.
- Was my reply helpful? Click Like to let me know! Coffee tips fuel my dedication.
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com
petza
Tourist
6 0 1

That's correct, I removed the code after testing and seeing that it didn't work.

Edited: I tried again, sir, and now it works. Thank you so much!

HarryLam95
Excursionist
20 0 4

I have the same issue, so thanks for your post. I will try to learn from it