Re: How can I make my collection banner full width?

anon7 · ‎02-21-2024

Theme- Dawn

PageFly-Oliver · ‎02-21-2024

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

<style>
.collection-hero__inner.page-width {
max-width:90% !important
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

All features are available from Free plan. Live Chat Support is available 24/7.

Dan-From-Ryviu · ‎02-21-2024

Could you share your collection page URL?

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

anon7 · ‎02-21-2024

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

How can I make my collection banner full width?