How To Add A Title In Cart Drawer

Store Design
, , , , , ,

Topic summary

A user seeks help adding a “Shopping Cart” title to their cart drawer that:

Requirements:

  • Displays consistently at the top whether the cart is empty or contains items
  • Works responsively across both mobile and desktop devices
  • Allows flexible positioning adjustments (horizontal and vertical alignment)

Visual Context:
The user provided screenshots showing:

  • Cart drawer with items
  • Cart drawer without items

They’re looking for a solution that maintains the same title position in both states and can be customized for placement on different screen sizes. The request appears to involve HTML/CSS customization of the cart drawer component.

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

Thanks in advance!

I’m looking to add a “Shopping Cart” title at the top of my cart drawer that works when the cart is empty and when there are items in the drawer (same position) and that work’s for mobile and pc. I would also like to be able to adjust the text to wherever I need it to (left/right & up/down) that works for both mobile and pc also. Example shown below.

Without items in the cart:

Screenshot 2024-06-21 001340.png
Screenshot 2024-06-21 001340.png527×166 4.34 KB

With items in the cart:

Screenshot 2024-06-21 001416.png
Screenshot 2024-06-21 001416.png529×116 4.1 KB

https://decemberschild.com/

password: dc