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

Solved
arcadiaO11
Excursionist
17 0 9

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
Shopify Partner
14455 1675 5201

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
arcadiaO11
Excursionist
17 0 9

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

0 Likes
KetanKumar
Shopify Partner
14455 1675 5201

@arcadiaO11 

Thanks 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
arcadiaO11
Excursionist
17 0 9

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

arcadiaO11_0-1611604131084.png

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

Thank you,

 

 

0 Likes
KetanKumar
Shopify Partner
14455 1675 5201

@arcadiaO11 

can you please share your  BROOKLYN THEME store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
arcadiaO11
Excursionist
17 0 9

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

0 Likes
KetanKumar
Shopify Partner
14455 1675 5201

@arcadiaO11 

sorry your have used now venture theem 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
arcadiaO11
Excursionist
17 0 9

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
Shopify Partner
14455 1675 5201

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing