How Do I Change Page Height When Using Drop Down Lists?

I used Custom CSS code to make drop down lists on my page. Unfortunately, when the lists are all collapsed the page is still loading blank space that is the full length of the lists when they are all dropped down. It is not adjusting the page height based on what is viewed.

How do I make the page load only the space needed for what is currently visible?

Can you share your page URL where this is happening? Thanks!

3 minutes ago, Ziggy said:

Can you share your page URL where this is happening? Thanks!

My apologies!! I thought I did: https://www.pkcribs.com/business-directory-temp

It looks like you're using a custom accordion, have you tried the built in Squarespace one, or does that not meet your needs?

When you edit the page, are you able to make the markdown block that contains the accordion shorter by dragging the bottom handle up? and then decreasing the number of rows by grabbing the blue handle at the bottom of the section?