How can I make my collection banner full width?

Technical Q&A

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.
1

Theme- Dawn

2

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

3

Hi @anon7

Could you share your collection page URL?

4

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