Brooklyn theme weird white space

Solved
hugon789
Excursionist
19 0 5

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

0 Likes
dmwwebartisan
Shopify Partner
9314 2156 2937

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 | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
hugon789
Excursionist
19 0 5

Shop URL: https://fxpopup.com/ 

Thank you.

0 Likes
dmwwebartisan
Shopify Partner
9314 2156 2937

@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 | Bag is a cart drawer that maximizes your sales. View app →
0 Likes

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

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
0 Likes
dmwwebartisan
Shopify Partner
9314 2156 2937

@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 | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
hugon789
Excursionist
19 0 5

It worked. Thanks for the help!