Make products full width on collection page

Solved

Make products full width on collection page

Marco211
Explorer
91 0 20

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

 

Immagine 2024-06-22 145317.png

Accepted Solution (1)

BSSCommerce-TA
Shopify Partner
123 24 24

This is an 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

1.png

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 : 

BSSCommerceTA_0-1719061840311.png

Hope this can help you.

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 3 (3)

BSSCommerce-TA
Shopify Partner
123 24 24

This is an 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

1.png

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 : 

BSSCommerceTA_0-1719061840311.png

Hope this can help you.

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Marco211
Explorer
91 0 20

Top, thank you very much 

BSSCommerce-TA
Shopify Partner
123 24 24

No problem. Have a great day!

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency