Adjust section height on mobile view

Hi! I'd like to adjust the height of some sections on my site on mobile view: 

Call-to action:
https://www.susiesaltzman.com/about

It seems there's extra space below the index page content but I can't find what it is. How do I remove this so I can make the size of this section smaller?

The best fix for this IMO would be:
 

#collection-id
.page-section:nth-child(1)
{min-height: 100px !important}

If you're using Squarespace 7.0 you can use the index pages URL:

#url-slug
.Index-page-content
{min-height: 100px !important;}

Thanks for sharing, @DPruitt! I tried it out but it didn't seem to work... The awkward extra space was still there

Waaah thank you SO much you're a literal lifesaver! @tuanphan

I've been trying all the code suggested on here but can't make the scrolling ticker tapes (marque) to be less height on mobile?

There's also a strange white gap below each of them.

https://www.rooftopbar.co/

On 7/3/2023 at 7:59 PM, LillianC said:

I've been trying all the code suggested on here but can't make the scrolling ticker tapes (marque) to be less height on mobile?

There's also a strange white gap below each of them.

https://www.rooftopbar.co/

Use this CSS code

/* Scroll block height mobile */
@media screen and (max-width:767px) {
.fe-64a2a4fed52b0a6c56236623 {
    grid-template-rows: repeat(2,minmax(24px, auto)) !important;
}
}

thank you for this code it worked on the home page. How can I apply the same to the 2xscrolling bars on the gallery page?

https://www.rooftopbar.co/gallery

I tried using a section ID. finder and it didnt work. There's still a big gap on mobile.

Actually I worked it out thank you!