Hello out there to anyone who can help with this! I’m desperate!
I am wanting to remove the vast white space in my cart drawer. I am using Maestrooo’s Prestige theme. I have read a few articles in here on how to do this on different themes, however none of them are working for me – they all are requiring adjustments to scss pages, however I believe my theme only has css. Can anyone help?! Thank you so much in advance!
Hi.
You are correct it is css.
I do not have that theme so you will need track down the css.
But I did lookup how to change it.
Look for .Drawer (css rule) and change what I commented in the code.
width: calc(100vw - 0px);
.Drawer {
position: fixed;
top: 0;
left: 0;
visibility: hidden;
width: calc(100vw - 65px); /*--------> calc(100vw - 0px); Zero for full width <---*/
/*
.
.
.
Etc
*/
}
Regards,
Jon
Hi @steele-henry ,
Please place this code at the end of the “theme.scss” to solve your problem.
.Drawer {
height: auto;
}
Screenshot to refer: https://prnt.sc/11yklyu
Hope this helps.
Thank you so much @LitExtension and @Jon_Chambers ! Both of these suggestions helped me to figure it out. I implemented that change and it worked, to a degree – the white space is gone, but now if a customer adds 3 or more different products to the cart, they cannot scroll down to get to the “checkout” button. This is the same on both mobile and desktop. Would either of you have a suggestion for what to code in to allow the size of the drawer to stop at a certain length and not just keep going infinitely without the ability to scroll? Thank you!!! See image for example (notice how you cannot see the “checkout” button at the bottom) –
