Shopify themes, liquid, logos, and UX
Hello, been trying to get the cart drawer to be 50% width on desktop view and 100% width on mobile. Cant seem to get it 😞 Any suggestions?
Hi @xnyjyh
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the </head> 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 </head>
<style>
.drawer__inner {
width: 50rem;
}
@media screen and (max-width: 767px){
.drawer__inner {
width: 40rem;
max-width: 100%;
}
}
</style>
Hope this can help you solve the issue
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Hello Richard, It does not help. desktop it did nothing, and mobile it did as seen in image below:
Please share url to your page, maybe your theme has different cart structures
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Issue has already been resolved. Thanks though.
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025