Modal Centering

[Ed_Delage]

Hi guys,

I built a “subscribe” modal on my page (triggered by “stay updated” in the top nav).

I’d like it to always be dead center (horizontal / vertical) on any display / device instead of having it be stuck to the top or having to use a top margin. I tried using a flex box but can’t get it to work.

https://preview.webflow.com/preview/simplified-for-men?preview=15ec73adb4b5a46f4c49c7ddb33a3ae0

Any suggestions?

Thank you!

Ed

---

Here is my public share link: LINK
(how to access public share link)

[vincent (Webflow Expert)]

Select the modal and do this:

and this

That’s the best CSS vertical centering method untill Flexbox is universally supported.

[vincent (Webflow Expert)]

With flexbox, select the Modal Wrapper and set it up like this:

But it will bug on most versions of IE and everything under EDGE 14

[Ed_Delage]

Thank you so much!! It worked perfectly on desktop but on mobile it still at the top, despite working fine in the mobile preview within webflow.