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!
Topic summary
A user reports that while their homepage displays at full width in the Supply theme, all other pages are centering instead of spanning the full width.
Solutions Provided:
Two community members offered CSS-based fixes:
-
First solution: Add CSS targeting
.shopify__policy-containerwithmax-width: 100%to the theme.css file -
Second solution: Add more comprehensive CSS targeting
.wrapper.main-content>divwith:width: 100% !importantmax-width: 100% !importantleft: 0 !important
Implementation steps:
- Navigate to Online Store > Themes > Actions > Edit Code
- Locate the theme.css file in Assets
- Paste the provided CSS at the bottom of the file
- Save changes
Both solutions involve editing the theme’s CSS file directly. The discussion remains open pending confirmation from the original poster on whether either solution resolved the issue.
Please share your site URL,
I will check out the issue and provide you a solution here.
@infoatcodelab7
www.shop.themagpiewhisperer.com
$queaky1981
To make pages full width follow this steps:
- In your Shopify Admin go to online store > themes > actions > edit code
- 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 !
Hi [email removed]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
1 Like