Homepage content cut-off on mobile

Site URL: https://www.kanelyonsconsulting.com/

Hi all

My mobile homepage cuts off some of my homepage text at the bottom. 

I've tried to add padding and play around with custom CSS, but without success.

I've attached screenshots of the Squarespace preview and the live site.

Is there something I can do to get closer to the preview image?

Thanks for your help!

Kane

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="610850b49556bc39e38f0d4d"] {
    height: 90vh !important;
    min-height: unset !important;
}
}

9 hours ago, tuanphan said:

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="610850b49556bc39e38f0d4d"] {
    height: 90vh !important;
    min-height: unset !important;
}
}

 

Worked perfectly. Thank you!