Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
This is an accepted solution.
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;}
This is an accepted solution.
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;}
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?
yes please clear your cookies
Hi @KetanKumar
Thanks for looking into this. I've cleared cookies but the issue is still present on both browsers.
thanks for update i have check both side its working for me
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.
great thanks for update.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024