Custom Cart drawer in Dawn theme CSS

Custom Cart drawer in Dawn theme CSS

Aurox
Visitor
2 0 0

Hi, I've been looking up and down the forums looking for resources on how to adapt the CSS of the new DAWN Cart Drawer. I'm primarily trying to make the cart images larger. How can I do this? I have an image of my current cart (right) and a cart I'm looking as inspiration (left). I really appreciate any guidance!

Inspiration.pngcurrentcart.png

Reply 1 (1)

Liam
Community Manager
3108 341 879

Hi Aurox, 

 

It looks like you'll need to make changes to the `cart-item__image` CSS class, as well as changing the size attributes of the <img> element in Dawn on the cart-drawer.liquid snippet file. Ensure you also test on different size screens so that images appear as expected across different devices. 

Liam | Developer Advocate @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit Shopify.dev or the Shopify Web Design and Development Blog