Reduce White Space between Sections on Home Page (Brooklyn Theme)

hexxinfused
Excursionist
14 0 4

Hello,

I have taken a look at quite a few posts about removing the white (negative) space in between sections on the Brooklyn Theme Home Page, but cant quite figure it out for my site. Here is the link to the site:

https://hexx-infused.myshopify.com

Password: mowpay

Especially the space from the Text "All Natural. 0 Sugar. 0 Calories" and the Image beneath

Thanks!

0 Likes
Pallavi
Shopify Expert
2383 397 515

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

div#shopify-section-1627309266f75a73fc {
margin: 0;
margin-top: -90px;
}

div#shopify-section-newsletter {
margin-top: 0;
}

div#shopify-section-162730854871d4312f .hero__controls.wrapper {
display: none;
}

div#shopify-section-1496177901425 .custom__item.one-whole.align--bottom-middle {
margin-bottom: 0;
}

div#shopify-section-1496177901425 .custom__item.one-whole.align--bottom-middle .rte {
margin-bottom: 0;
}

div#shopify-section-1496177901425 .custom__item.one-whole.align--bottom-middle .rte>div {
margin-bottom: 0;
}

div#shopify-section-1496177901425 .custom__item.one-whole.align--bottom-middle .rte>div h2 {
margin-bottom: 0;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
hexxinfused
Excursionist
14 0 4

Hello,

I am not able to find theme.scss.css, only .liquid, is that the same thing?

Thanks!

0 Likes