How can I adjust the cart width in the supply theme?

Store Design
1

The body of my cart takes up the full width of the page (https://madaboutmemories.com/cart) does anyone know how to edit the code so that it’s only the same width as the header and footer?

2

@Steve4368

sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.template-cart main.wrapper.main-content 
{ max-width: 1060px; padding-top: 30px; padding-bottom: 30px;}
3

@KetanKumar

Thank you - that’s worked perfectly on desktop (edge).

It’s still happening on my mobile (iPhone 12 iOS 15.1) (both chrome and Safari) - is there any code to change to fix that?

4

@Steve4368

yes please clear your cookies

5

Hi @KetanKumar

Thanks for looking into this. I’ve cleared cookies but the issue is still present on both browsers.

6

@Steve4368

thanks for update i have check both side its working for me

7

Hi @KetanKumar

I’ve amended the code to add padding-left and padding-right and it now displays perfect for me on safari and chrome on my iPhone 12, in both portrait and landscape modes;

.template-cart main.wrapper.main-content { max-width: 1060px; padding-top: 30px; padding-bottom: 30px; padding-left: 50px; padding-right: 50px;}

Thank you for your help. If you want to amend the code in your first reply, I can mark that as my solution.

8

@Steve4368

great thanks for update.