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.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024