How can I make my collection banner full width?

Topic summary

A user seeks help making their Shopify collection banner display at full width.

Proposed Solutions:

  • One responder provides step-by-step instructions involving editing the theme.liquid file in the theme code editor, though the specific CSS/code snippet appears corrupted or improperly formatted in the conversation.
  • Another participant requests the collection page URL to provide targeted assistance.

Current Status:

  • The user shares an example collection page URL (thegiftedbabyny.com/collections/beanies).
  • The discussion remains open, awaiting clarification on the code solution or additional troubleshooting based on the provided URL.
  • Technical details are incomplete due to formatting issues in the original response.
Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.

Theme- Dawn

Hi @anon7

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save


Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Hi @anon7

Could you share your collection page URL?

here is an example-
https://thegiftedbabyny.com/collections/beanies