Hi, I need to make the collection page to full width in dawn theme v 15.1.0
I attached the reference image
Topic summary
A user seeks to make the collection page full-width in Shopify’s Dawn theme version 15.1.0, providing a reference image of the desired layout.
Two solutions were offered:
-
JavaScript approach: Add custom code to theme.liquid file above the
</body>tag (specific code appears corrupted in the original post) -
CSS approach: Add the following to base.css:
@media screen and (min-width: 750px) {
.page-width {
padding: 0rem;
max-width: 100% !important;
}
}
Both responders included screenshots demonstrating their solutions. The CSS method targets the .page-width class to remove padding and set maximum width to 100% on screens 750px and wider.
Status: Multiple solutions provided; awaiting confirmation from original poster on which approach worked.
Hey @Sivadarshan
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello @Sivadarshan
Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.
@media screen and (min-width: 750px) {
.page-width {
padding: 0rem;
max-width: 100% !important;
}
}
reuslt
If this was helpful, hit the like button and accept the solution.
Thanks