Streaming live at 10am (PST)

Center modal in viewport on mobile?

Hi, all.

If you scroll down to the advisor section of the page, you’ll see a grid of cards. If you tap on a card on mobile, a modal is rendered. However, the modals are appearing at the top of the parent container and not centered within the viewport. I want the corresponding modal to appear in the middle of the screen and not at the top of the section. Does anyone know how to fix?

Read Only Link

Preview Link


Here is my public share link: https://preview.webflow.com/preview/mayahealth?utm_medium=preview_link&utm_source=designer&utm_content=mayahealth&preview=260175915696171f581744088223d11e&pageId=5fb2e3abaa72401c2967cea1&mode=preview