Change width of cart - supply theme

Solved
Steve4368
Tourist
4 0 4

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?

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24919 2496 9027

This is an accepted solution.

@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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 7 (7)
KetanKumar
Shopify Partner
24919 2496 9027

This is an accepted solution.

@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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Steve4368
Tourist
4 0 4

@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?

KetanKumar
Shopify Partner
24919 2496 9027

@Steve4368 

yes please clear your cookies 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Steve4368
Tourist
4 0 4

Hi @KetanKumar 

 

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

KetanKumar
Shopify Partner
24919 2496 9027

@Steve4368 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Steve4368
Tourist
4 0 4

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.

KetanKumar
Shopify Partner
24919 2496 9027

@Steve4368 

great thanks for update.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing