How can I eliminate unwanted space in every section of my Flow theme?

Technical Q&A
1

Dear Sir

Please help me remove the unnecessary area that’s been consumed in sections. I have used ‘Flow’ theme.
I have maked the area which needs to be removed in red.

DarpanAK_0-1654677060442.jpeg
DarpanAK_0-1654677060442.jpeg1359×628 94.4 KB

Your help will be highly appreciated.

2

Hi @DarpanAK ,

Please share your store URL and Store’s password to view your website.

So that I will check and let you know the exact solution here.

Best regards.

3

Hey @DarpanAK ,
Welcome to the Shopify community!
Please share your store URL.
So that I will check and let you know the exact solution here.
Thank you.
Raman!

4

.shopify-section .homepage-sections-wrapper {
padding: 50px 0px 0px 0px;

}
a hy i’, just check your store https://bubblenutwash.com/
if you put above code in theme. css so your problem will be solve. after adding section show like this

Nothing_0-1654680836094.png
Nothing_0-1654680836094.png1430×466 189 Bytes

5

The store URL is https://bubblenutwash.com/

6

There is no theme.css

There is only theme.liquid and in that I’m not sure where exactly to add the code.

7

Hey @DarpanAK ,
please add this to your timber.scss file.

.shopify-section .homepage-sections-wrapper {
    padding: 0 0 !important;
}

If you feel like my answer is helpful, please Like and mark it as a solution. Let me know if you have any further questions.
Thank you!
Raman

1 Like
8

Dear Sir

Thank you for taking out time to provide a possible solution. The solution you recommended doesn’t exactly do the job.

DarpanAK_0-1654685037044.jpeg
DarpanAK_0-1654685037044.jpeg1366×728 103 KB

It has managed to bring up all the sections, but hasn’t reduced space from the bottom of the sections.

I also request you to kindly let me know how I can customize these spaces as any changes I being in the numbers brings it back to the original form.

9

Dear Sir

Thank you for the solution! It has done the job perfectly.

I would also like to add that if anyone wants to edit the spacing can use the same code but just by changing the number after padding: followed by px.

For example:

.shopify-section .homepage-sections-wrapper {
    padding: 15px !important;
}

This should do the job!

Thank you!