Solved

How To Make Cart Popup Less Wide? (Dawn)

milkandcookies
Excursionist
381 0 45

Hi,

How can I make my cart popup less wide?

milkandcookies_0-1707257774460.png

 

https://d10cbe-2.myshopify.com/products/signature-25-pack-pop-box

thanks in advance!

Accepted Solution (1)

StephensWorld
Shopify Expert
1139 125 289

This is an accepted solution.

Add this coding to your theme's CSS file: 

 

.drawer__inner {
    width: 30rem !important;
}

 

You can change the value of "30" to be as much or as little as you need (the default for your theme is 40, so 30 is already a fair amount smaller). 

★ Did my post help? If yes, then please like and accept solution. ★

Hire me for your Shopify project @ stephens.world | support@stephensworld.ca

View solution in original post

Replies 3 (3)

StephensWorld
Shopify Expert
1139 125 289

This is an accepted solution.

Add this coding to your theme's CSS file: 

 

.drawer__inner {
    width: 30rem !important;
}

 

You can change the value of "30" to be as much or as little as you need (the default for your theme is 40, so 30 is already a fair amount smaller). 

★ Did my post help? If yes, then please like and accept solution. ★

Hire me for your Shopify project @ stephens.world | support@stephensworld.ca

milkandcookies
Excursionist
381 0 45

thank you! do you know how I can reduce the font size of the cart popup message to 16px?   

milkandcookies_0-1707266747407.png

 

StephensWorld
Shopify Expert
1139 125 289

 

h2.cart__empty-text {  
  font-size: 12px !important;
}

 

 

Replace the "12px" with whichever size you want. 

 

Don't forget to 'like' and 'mark as solution' if these posts helped! 🙂

★ Did my post help? If yes, then please like and accept solution. ★

Hire me for your Shopify project @ stephens.world | support@stephensworld.ca