How can I adjust the page width for all collection pages?

Store Design
, , , ,
1

Hello, could someone please show us how to change the page width for ALL Shopify collection pages? We want to use 1500px for desktop devices. Thank you very much in advance!

https://swish.eu/collections/gb-series

password: 1

Dawn theme

2

@swishlatvija

Please add the below code above in theme.liquid for 1500px width on all collection pages.

{% if template == ‘collection’ %}

.page-width { max-width: 1500px!important; }

{% endif %}

techlyser_ecom_0-1674852495979.png
techlyser_ecom_0-1674852495979.png1919×914 126 KB

1 Like
3

Hi @niraj_patel

Thank you very much, but this code isn’t working on all collection pages. Sadly I don’t know why.

It worked here: https://swish.eu/collections/flooring

but not here: https://swish.eu/collections/gb-series

Any ideas?

1 Like
4

Hello @swishlatvija

I just updated code so Please add the below code above in theme.liquid for 1500px width on all collection pages.

{% if template contains ‘collection’ %}

.page-width { max-width: 1500px!important; }

{% endif %}

1 Like