Impulse Theme - Full Width Featured Collection

[AAABARTON1]

Hi,

I am trying to get my collection pages & home page featured collection to be full width on desktop. 

www.mistlabs.co

Thanks for your help in advance!

[Guleria]

Hello @AAABARTON1 ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your theme.css file and paste the following code at the bottom:

[data-context="featured-collection"] .page-width {
    padding: 0;
}
#CollectionAjaxContent .page-width {
    padding: 0;
}

Thanks

[AAABARTON1]

I only have the theme.css.liquid file?

I pasted it there and nothing has changed? I actually think I want to reduce the padding for all content on the website - when I look on laptop it fits fine, but when looking on desktop there is a lot of blank space surrounding the content.

Hope this makes sense - thanks for your response too 🙂

Andrew

[Guleria · Accepted solution]

As I check code is working 

btw update the previous code with this one

@media only screen and (min-width: 767px) {
[data-context="featured-collection"] .page-width {
    padding: 0 2px;
    max-width: 100%;
}
#CollectionAjaxContent .page-width {
    padding: 0 2px;
    max-width: 100%;
}
}

[AAABARTON1]

GENIUS, thanks 🙂