Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi,
Quick and rather simple question - I think 🙂
Im on the free Dawn theme, and I want to make my product collection page fullscreen - same as the product collection on the front (home) page. I think it looks weird that the images and width differs so much from the from the front page.
See att. images. Hopefully you can see what I mean.
Thank you,
Lars
Solved! Go to the solution
This is an accepted solution.
@LarsLH ,
@media screen and (min-width: 750px){
.collection.page-width {
padding: 0 1.5rem;
}
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
@LarsLH ,
Please share the url .
Hi,
I have managed to make the width a bit larger just by the theme own "slider" menu. It might just be acceptable but I would still like to know if it can be done.
https://abovethefoldbiz.com/
https://abovethefoldbiz.com/collections/all
Thank you
@LarsLH ,
I have checked the URL, you want to increase the width?
This is an accepted solution.
@LarsLH ,
@media screen and (min-width: 750px){
.collection.page-width {
padding: 0 1.5rem;
}
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
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