Make products full width on collection page

[Marco211]

Hi everyone, how can I make products full width on collection pages? On the home page I see the products full width but not on the collection pages. Do you know how to do this only on desktop? Thanks a lot to everyone

refade-8966.myshopify.com

[BSSCommerce-TA · Accepted solution]

Hi @Marco211 , you can make products full width on collection page by following these steps: 

1. Navigate to Online store => Themes => Edit code

2. Find base.css file on Assets folder and add this code to the end of the file : 

@media screen and (min-width: 990px) {
    .collection.page-width {
        padding: 0 1.5rem !important;
        max-width: none !important;
    }
}

And here is the result : 

Hope this can help you.

[Marco211]

Top, thank you very much 

[BSSCommerce-TA]

No problem. Have a great day!