Change And Fix Size Of Cart Drawer On Mobile DAWN 8.0.0

Store Design
, , , , , ,

Topic summary

A user seeks to make the cart drawer full-screen on mobile for the Dawn 8.0.0 theme.

Solution Provided:

  • Navigate to Online Store > Edit code
  • Add custom CSS code above the </body> tag in the theme.liquid file
  • The CSS targets the cart drawer to expand to full screen

Outcome:

  • Initial user confirmed the solution worked successfully
  • Another user initially reported it didn’t work, then confirmed success
  • Follow-up question raised about whether this is mobile-only or affects desktop as well
  • User indicates they want to maintain the current desktop appearance while only modifying mobile view

Status: Resolved for making cart drawer full-screen on mobile, though desktop-specific targeting may need clarification.

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

Hi guys, I would like to make my cart drawer full screen.

Check the image for reference.

Does anyone have any idea how to fix this?

website: 1989streetwear.com

pass: bet1989

IMG_B9A6C3330A9A-1.jpeg
IMG_B9A6C3330A9A-1.jpeg1125×2436 99.2 KB

2

Hi @1989streetwear ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

  1. Go to Edit code on Online Store:

GemPages_0-1678268925082.png
GemPages_0-1678268925082.png400×163 25.3 KB

  1. add my code above the tag on Theme.liquid:

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.

1 Like
3

THANK YOU SO MUCH

4

I am so glad that my recommendation can help :wink: .

1 Like
5

Did not work, is there an option for it to take up half the screen?

OR was this a mobile only fix?

6

Nevermind that worked, i want to do it on desktop so i will keep looking