Product collection display full width of page - Prestige theme

Hi everyone! I would like to have the product collections cover the full width of the page (like the image below). If there could still be some white space between the products like the inspiration image shows that would be preferred. For reference I am using the prestige theme and the code I have found doesn’t seem to be working. Any advice or help would be greatly appreciated!

Also, if anyone knows how to get the product text to display on the product image rather than below that would be amazing too!

Many thanks,

Emily

What I want –

Current look –

Hey @emilyaugstudios

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

AMAZING! Thank you!

Hi Moeed,

Sorry, I have just noticed that on the collection page only, where the products are displaying full width with no padding, so is the footer. Please see image below. I can tell by the code you’ve written that we have only asked to target the collection page, but for some reason the footer is being effected too. The footer displays normally on every other page (image attached) do you know a way I can resolve this on the collection page?

Many thanks and appreciation as always!

Emily

Collection Page Footer –

Rest of website footer –