How to eliminate white space in Brooklyn theme?

Hi everyone,

I’m using Brooklyn theme and have added an Image with text in the home page. But there was a large white space between the header and image. Is there a way to remove it? Thank you.

Shop URL: https://fxpopup.com/

@hugon789

Please share your shop URL!

Thanks!

Shop URL: https://fxpopup.com/

Thank you.

@hugon789

please Go to Online Store->Theme->Edit code then go to assets/theme.scss.liquid ->paste below code at the bottom of the file.

.index-sections .shopify-section:first-child:not(.shopify-section--full-width) {
    margin-top: 9px !important;
}

Thanks!

hii @hugon789

you can go to the theme.css in this class
.feature-row__image {
top: -78px;
}

apply this property .
i hope it’s helps you.

White space is remove

@hugon789

Please add the following code at the bottom of your assets/theme.css file.

.index-sections .shopify-section:first-child:not(.shopify-section--full-width) {
    margin-top: 9px !important;
}

It worked. Thanks for the help!

1 Like