Dawn 15 - make drawer 100% width on mobile viewport

Technical Q&A
,
1

If I want to have cart drawer full screen on mobile viewports in Dawn 15, how do I do this in simpelst way?

I can’t see what is currently limiting it from being full-width, but I’ve surely overlooked something.

Example page:

2

Hey @PureTime

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
@media screen and (max-width: 767px) {
.drawer__inner.gradient.color-scheme-1 {
    width: 100% !important;
    max-width: 100% !important;
}
}
</style>

RESULT:
If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

image
image342×740 20 KB