Reduce width of cart drawer - Impact theme

Store Design
1

Hello!

I would need help to reduce my cart drawer width. Please see attached image below. I am using impact theme.

www.doglegsweden.com
Password: Hundben2022

Thank you!

Screenshot 2023-04-26 at 01.42.55.png
Screenshot 2023-04-26 at 01.42.55.png2992×1640 143 KB

1 Like
2

Hi @Dogleg

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1682469563131.png
PageFlyRichard_0-1682469563131.png1920×969 140 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly

3

Hi @Dogleg , you can reduce size of cart drawer on desktop view of your site by adding this CSS code at the end of theme.css or theme.css.liquid file in store admin > Sale channels > Online store > Themes > Edit code > Assets

@media screen and (min-width: 700px) {
.drawer--lg {
width: 500px !important; 
}
}
4

Hi @Dogleg

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the theme.css file:
@media screen and (min-width: 700px){

.drawer–lg {width: 400px !important;}

}

Regards,

San

5

Hello @Dogleg

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.drawer--lg {
     width: 510px !important;
}