How to make my 'collection pages' full width

Store Design

Topic summary

Main issue: A client’s collection page section isn’t full width; there are side gaps. The request is to make the top collection section match the bottom section, which already spans full width.

Details:

  • The poster tried multiple CSS approaches for hours without success.
  • A screenshot is attached and central to understanding the layout difference (top not full width vs. bottom full width).

Recent update:

  • A responder asked for the store URL to investigate further.

Action items:

  • Provide the store’s URL so the layout and theme CSS can be reviewed.

Status:

  • Unresolved and awaiting the URL. No fixes or code changes have been shared yet.

Notes:

  • “Collection pages” refers to product category pages within the store’s theme/layout.
Summarized with AI on December 30. AI used: gpt-5.
1

Hello, I need a hand with making my collection pages section full width on my clients website.

The section has gaps on the side right now which is extremely annoying. I’ve tried for hours to write css but nothing seems to be working.

The photo I have attached shows the section that isn’t full width with a section (the bottom section) that is full width (this is how I need the top section). Appreciate any help.

Screenshot 2024-04-27 at 20.24.02.png
Screenshot 2024-04-27 at 20.24.02.png2048×1280 256 KB

1 Like
2

Hi @SamFarwell

Would you mind to share your store URL? Thanks!