Collection Modal becomes unusable at mobile landscape/portrait

Design help General
1

I have a bios section on a site I’m building that displays a bunch pictures that, when clicked, pop up a modal with a detailed bio. The modal functions perfectly in desktop and tablet, but becomes unusable in mobile views. I’ve tried a million things to fix this and nothing works (I’m pretty new to Webflow). I even implemented Finsweet’s Disable Scrolling attribute and nothing changed. Any help would be greatly appreciated. This is one of the last bugs keeping me from launching.

Here is my site Read-Only: [LINK][1]
([how to share your site Read-Only link][2])

[1]: [https://preview.webflow.com/preview/flock-website-2?utm_medium=preview_link&utm_source=designer&utm_content=flock-website-2&preview=df040acf41f0947894cd8269f43e0aff&pageId=65a9b26214cd8c63fdf1852b&workflow=preview)
[2]: Share your site and invite collaborators - Webflow University Documentation

2

Hi, I think you need to make the following changes

From mobile landscape, you must :
1 - Add a height of 100svh to your .team_modal
2 - Add an overflow:hidden to your .team_modal
3 - Change the align of your .modal-container to align top and not center
4- Add overflow auto or scroll to your .modal-container

3

Thanks, ThibautLegrand! Unfortunately, that didn’t help. At this point I’ve got the modal displaying properly. I just can’t get it to scroll. I’m sure I’m just applying the Finsweet code improperly. I’ll keep experimenting.

4

FYI - I fixed this. I was applying the “preserve” scroll attribute to the wrong div