Streaming live at 10am (PST)

Modal Scrolling Problem - Disappearing Elements


I’m having scrolling issue with modal. The modal scroll works fine till it’s in mobile landscape view/ narrower desktop view.

When the screen gets smaller, the heading “How can I help you” (Both in mobile landscape view and desktop) and text field for name (in desktop) disappear from the screen for some reason.
I have experimented with custom codes to try solving this problem but I haven’t found a solution.

What it supposed to look like at the top:

What it currently looks like at the top:
(Desktop - small screen/narrower view)

(Mobile Landscape view)

Could anyone please help me with this issue?
Thank you in advance!

The modal is located at Homepage>About, and the button is called “Project Enquiry”:

This is the code I’m using for Modal:

<script type="text/javascript">

$(document).ready(function() {
  $('.modal-link').click(function() {
  $('.close-modal').click(function() {


Webflow.push(function() {
  $('.modal-link').click(function(e) {
	$('body').css('overflow', 'hidden');
  $('.close-modal').click(function(e) {
	$('body').css('overflow', 'auto');

.modal-window {overflow: auto;}

Here is my site Read-Only: LINK

Here is my site Read-Only: LINK