Impulse theme - full width collection pages

Store Design
, , ,
1

Hi,

On impulse theme desktop collection pages, is there a way to make the page full width? There currently seems to be a lot of blank space on both the left and the right.

Preferably it would be full screen with a little bit of of padding on the left and right so the products don’t entirely touch the sides of the screen. Kind regards

Website URL: https://pixierebels.com/

Full screen collection page.png
Full screen collection page.png1903×924 258 KB

1 Like
2

Hi @troydewitt

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Theme.css

@media only screen and (min-width: 769px){
#CollectionAjaxContent>.page-width {
   padding: 0 40px !important;
}
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

1 Like
3

Thank you for your response! I added the code but nothing seems to have changed on the collection page

4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.aio.min.css and paste this at the bottom of the file:
.collection-content #CollectionAjaxContent .page-width {
    max-width: 100%;
}

ZestardTech_0-1685340708536.png
ZestardTech_0-1685340708536.png1916×838 307 KB

5

Hello @troydewitt

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.aio.min.css>Add this code at the bottom.

#CollectionSection-template--16724529578243__00c2c656-b874-4f2a-8979-1ddda2022803 {
	max-width: 100%;
}