Re: Add "Warenkorb ansehen" or "Check Cart" Button to Mobile Version

Store Design
, , ,

Topic summary

A store owner wants to display a “Warenkorb ansehen” (View Cart) button on the mobile version of their Shopify store, matching the desktop experience.

Current Issue:

  • Desktop version shows a functional “Warenkorb ansehen” button that directs customers to the shopping cart
  • Mobile version lacks this button, forcing customers to scroll up to the cart icon after adding items
  • Screenshots demonstrate the discrepancy between desktop and mobile layouts

Proposed Solution:
A CSS code snippet was provided to add to the store’s base.css file:

@media screen and (max-width: 989px) {
.quick-order-list-total__column{display: block !important;}
}

This media query targets mobile screens and forces the cart button element to display. The solution remains unconfirmed as the original poster has not yet reported back on whether the CSS fix resolved the issue.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

I currently have a “Warenkorb ansehen” button on the desktop version of my store, which allows customers to go directly to the shopping cart. However, this button doesn’t appear on the mobile version of the site.. so everytime somebody puts something in their cart, they have to scroll up to the bag symbol. I want to add an additional “check shopping cart” button to the mobile version.
How can I make the “Warenkorb ansehen” button visible and functional on mobile as well?

Screenshots for reference:

  • Mobile: Button is missing.
  • Desktop: “Warenkorb ansehen” button is visible and functional.

Any help on implementing this would be appreciated!

Store URL: https://cbdcharly.com

mobile.JPG
mobile.JPG702×566 43.8 KB

desktop.JPG
desktop.JPG2367×759 84.3 KB

2

@arnelo please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

@media screen and (max-width: 989px) {
.quick-order-list-total__column{display: block !important;}
}
1 Like