Dawn 15 make the whole drawer scrollable

Store Design
, ,

Topic summary

A user needed to modify the Dawn 15 theme’s cart drawer behavior to make the entire drawer scrollable, rather than just the items section, for better display across mobile and desktop devices.

Solution provided:

  • Custom CSS code targeting cart-drawer-items and .drawer.active .drawer__inner
  • Sets overflow properties to initial and auto respectively
  • No drawer size changes required

Outcome:
The CSS solution was implemented successfully and worked as expected. The issue is resolved.

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

I need the drawer to act like a whole page, scrollable, instead of only the items section as scrollable part, so it looks good on both mobile and desktop.

I don’t want to change the size of the drawer, just make it act like a whole page.

How do I do that?

Link:

2

Hi, I’m William from PageUni here. You can add these CSS code to your store custom CSS to do the trick:

cart-drawer-items {
    overflow: initial !important;
}

.drawer.active .drawer__inner {
    overflow: auto !important;
}

DM me if you need more assistance :grinning_face_with_smiling_eyes:.

3

Excellent, thanks. Works as expected.

1 Like