Responsive form help

Hi guys,

Hope you are well,

The website I am having trouble with is: Spare Parts Catalog Software | Electronic Parts Catalog

I am having trouble making the form fit on screen if you click the ‘Request an Instant Demo’ button.

Is there anything obvious I am doing wrong? I can’t see that I have put a fixed height on anything.

Any help would be greatly appreciated!

Many thanks,

Ed

Ensure the modal has max-width: 90%;, max-height: 90%;, and overflow-y: auto; in its CSS to prevent content from overflowing on smaller screens. Add a viewport meta tag (<meta name="viewport" content="width=device-width, initial-scale=1">) for proper scaling on mobile. Use media queries to adjust styles for smaller devices (e.g., @media (max-width: 768px) { .modal { width: 100%; padding: 10px; } }). Finally, check for restrictive overflow: hidden; or fixed height settings in parent elements and inspect the modal’s layout with browser dev tools to identify any clipping issues.

Thank you so much CloudCoder - could you please let me know what you mean by modal?

Many thanks,

Ed

the modal refers to the pop-up window or overlay, and the provided instructions are to ensure it displays correctly on different screen sizes without content being cut off or overflowing. Let me know if you require any help implementing it