Need Help: Redesigning My Shopping Cart Animation – Slide-In from Right

Topic summary

A user wants to modify their Shopify shopping cart animation to slide in from the right side and occupy most of the screen (instead of dropping down from the top) on both mobile and desktop versions.

Current Issue:

  • Cart currently slides down from top
  • Seeking CSS/design solution for right-side slide-in effect
  • Wants full-screen or near-full-screen cart display

Solution Provided:
Another user suggested a simple fix through Shopify’s theme settings:

  • Navigate to: Customize → Theme settings → Cart → Cart type
  • Change setting to “Drawer”

Status: A potential solution has been offered but not yet confirmed as resolved. The drawer setting may provide the desired right-side slide-in behavior without custom CSS modifications.

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

Dear community,

I have a question: I’d like to change the design of my shopping cart after adding a product. Instead of it sliding down from the top, I want it to slide in from the right and take up almost the entire screen, both on mobile and the web version.

Can anyone help me with this? I’ve attached some images for reference. As a thank-you, I’d be happy to treat you to a coffee or two! :slightly_smiling_face:

store URL: rapped.run

Looking forward to your input!

Hi @rappid ,

Please go to Customize > Theme settings > Cart > Cart type > Drawer.

I hope it helps!

1 Like