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

Solved
Spr123
Excursionist
28 1 6

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:

full width image.png

Accepted Solution (1)

Accepted Solutions
Anonymous
Not applicable

This is an accepted solution.

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

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

Thank You.

View solution in original post

Replies 3 (3)
Anonymous
Not applicable

This is an 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
Excursionist
28 1 6

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

Anonymous
Not applicable