Use full width of screen to display products

Store Design
,
1

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

2

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

DaisyVo_0-1748169706619.png
DaisyVo_0-1748169706619.png1917×736 180 KB

Best,

DaisyVo

2 Likes
3

Thanks!

4

works for me in June, 2025

Thank you