Brooklyn theme: Cannot remove huge blank space

Cryptist
Tourist
7 0 1

My website is www.cryptist.co

As you can see in the homepage, there are alot of white spaces between sections. I spent hours on the internet and trying out so many solutions but none seems to be able to reduce the space. Need help!

0 Likes
Khushboo_Lad
Excursionist
28 0 5

Hello,

Need to do some css.
Need to reduce margin-top for the class - .index-sections .shopify-section

 

Let me know if you have any query.

Khushboo Lad
0 Likes
Cryptist
Tourist
7 0 1

Could you help me out?

I tried editing $contentTopMargin and .section-header from timber.scss.liquid but there was no change.

0 Likes
Khushboo_Lad
Excursionist
28 0 5

Hello Cryptist,

find for ".shopify-section { margin-top: $gutter * 3;" in theme.scss and reduce the number 3 as per you want to reduce.

$gutter = 30px.

Khushboo Lad
Cryptist
Tourist
7 0 1

It worked!

Thanks man, appreciate it!

lisaliboon
New Member
5 0 0

Hi Khushboo!

I'd like to mirror the spacing of my products page to all pages found in my footer menu. There's just too much white spaces in the header of about, faqs, and contact page. Hope you could help me out thanks!

url: thequinoa.co, password:01

lisaliboon_0-1613754026785.png

 

 

lisaliboon_1-1613754026736.png

 

 

0 Likes