Use full width of screen to display products

[fhashim]

As per the attached screenshot I want to display the products collection such that it utilizes the entire screen width. If I view it on a larger screen there shouldn't be any padding from right or left, instead it should utilize the entire width. How can it be done?

Link: herculeanknight.com

Theme: Impulse

[DaisyVo · Accepted solution]

Hi @fhashim 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.css and add this code at the end of the file

.page-width {
    max-width: 98% !important;
}

.page-full, .page-width {
   padding: 0 !important;
}

Result 

Best,

DaisyVo

[fhashim]

Thanks!

[dreamworldeques]

works for me in June, 2025

Thank you