WANT IMAGE AT TOP OF COLLECTION PAGE FULL WIDTH - BROOKLYN THEME (SIMILIAR TO HOME PAGE HERO )

[arcadiaO11]

I am trying to find a way to make the collection image at the top on my collection page to be full screen while the collection grid and the navigation toolbar remain the same size. 

I Am using the Brooklyn Theme. I have figured out everything else I want to customize, but the solution to this is avoiding me. 

THANKS

[KetanKumar]

@arcadiaO11 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[arcadiaO11]

arcadiaoutfitters.com is my website url.

However the code I need to edit is only a preview theme at this point (The Brooklyn Sample).

In anycase I assume a similar coding issue would apply to the current page. 

Let me know if this will be an issue.

-Austin

[KetanKumar]

@arcadiaO11 

Thanks 

sorry i can't see any more can you please show me or give particular link so i will check

[arcadiaO11]

I am looking to  make JUST the banner image here on my collection page full width.

The menu and product image should remain the size, and page width that they are currently.

Thank you,

[KetanKumar]

@arcadiaO11 

can you please share your  BROOKLYN THEME store url

[arcadiaO11]

https://arcadiaoutfitters.myshopify.com/admin/themes/83600801846/editor?previewPath=%2Fcollections%2...

The link is provided here, however like i said previously it is only a preview at the moment, and not the "live" "published" webpage. Does it need to be my live webpage as this requires admin login that I am not going to share over  a live community platform.

Thanks, 

Austin

[KetanKumar]

@arcadiaO11 

sorry your have used now venture theem 

[arcadiaO11]

Please find below the link to the webpage desired. I published the BROOKLYN THEME now. 

https://arcadiaoutfitters.com/collections/mens-shirts 

The password is 123456789

Thanks,

AO

[KetanKumar · Accepted solution]

@arcadiaO11 

Thanks for the proper details 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

#CollectionSection {
    max-width: 1050px;
    margin: 0px auto;
}
.template-collection .wrapper {
    max-width: 100%;
    padding: 0;
}