Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
While my main page is full width, all my other pages are centering rather than going full width. I am using the Supply theme.
Thank you in advance!
Solved! Go to the solution
This is an accepted solution.
Hi @Chirpy,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file -> Save
.wrapper.main-content>div,.wrapper.main-content>div>div{
width:100% !important;
max-width:100% !important;
left:0 !important
}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
Please share your site URL,
I will check out the issue and provide you a solution here.
To make pages full width follow this steps:
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:
.shopify-policy__container{
max-width: 100ch;
}
Hope this works well
Best Regards !
This is an accepted solution.
Hi @Chirpy,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file -> Save
.wrapper.main-content>div,.wrapper.main-content>div>div{
width:100% !important;
max-width:100% !important;
left:0 !important
}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025