How do I increase the cart drawer to full screen on mobile

[lukafernada]

Just to be able to stretch the cart drawer to full screen on mobile only

[Moeed]

Hey @lukafernada

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.active .drawer__inner {
    width: 100% !important;
    max-width: 100% !important;
}
}
</style>

RESULT:

---

Hope that helps! If it did, a Like and Marking it as Solution goes a long way and helps others find the fix faster too.

Best,
Moeed

[lukafernada]

@Moeed

</ body>

This worked beautifully thank you - however it has made the scroll bar white? Do you know how I can fix this?

[Michross]

Mark as a solution, since it helped