[Shopify-Brooklyn] How to make image banner take FULL WIDTH of page?

[Spr123]

Hi Everyone,

I am using the Brooklyn theme.

Simple question: I have uploaded an image to my home page with the Custom Html field in the Theme Editor, and I want this banner image to take the FULL WIDTH of the page, how can I do that?

Currently, the image does NOT take the full page width, and thus there is white space on BOTH mobile and desktop. What code can I tweak to take the full width?

Many thanks!

Preview URL: https://ri8ps0aqn9hfa8xs-55506731197.shopifypreview.com

Screenshot below:

[Anonymous · Accepted solution]

@Spr123 
Paste this code on top of the theme.scss file.

div#shopify-section-16264332562f1276b9>div a {
    display: none!important;
}

Thank You.

[Spr123]

it worked! Thank you for the quick solution to this issue!

[Anonymous]

@Spr123 
Most Welcome.