Am trying to make the product grid in all collection pages to full width. Even after trying various guides am not able to do that. I need to remove whitespace and make the grid and sidebar full width.
Hi @yokesh0708
Can you share with me url and password page
Hi @yokesh0708
I’m Richard Nguyen from PageFly- Free Landing Page Builder
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->base.css ->paste bellow code in bottom of file
.facets-vertical.page-width {
max-width: 100% !important;
}
Hope that my solution works for you.
Best regards,
Richard | PageFly
2 Likes
Thank you so much. That worked like a charm!
1 Like
I’m glad to help you @yokesh0708 
1 Like
Hi @PageFly-Richard it worked for the product grid but the individual product page is still not full width. How to change them to full width too? TIA
Try again with this code:
.page-width-desktop {
max-width: 100% !important;
}
1 Like
Adding that code only seems to make the featured collection on homepage to go full width. The remaining sections and product page still is constrained to the container.
www.bluespecttica.com
password : blue
That’s amazing works great. Thank you so much!
1 Like
Yeahhh, you are welcome @yokesh0708
1 Like