Solved

Brooklyn theme weird white space

hugon789
Excursionist
20 0 6

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/ 

WhatsApp Image 2021-08-05 at 20.21.17.jpeg

Accepted Solution (1)

dmwwebartisan
Shopify Partner
12282 2546 3694

This is an accepted solution.

@hugon789 

Please share your shop URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 6 (6)

dmwwebartisan
Shopify Partner
12282 2546 3694

This is an accepted solution.

@hugon789 

Please share your shop URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
hugon789
Excursionist
20 0 6

Shop URL: https://fxpopup.com/ 

Thank you.

dmwwebartisan
Shopify Partner
12282 2546 3694

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
dmwwebartisan
Shopify Partner
12282 2546 3694

@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;
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
hugon789
Excursionist
20 0 6

It worked. Thanks for the help!

Zworthkey
Shopify Partner
5581 642 1565

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.Screenshot_2021-08-05_18-11-35.png

White space is remove