I don’t like any of the pre-built location options for a modal so I am using the ‘Custom’ option. How do I set it so that the modal is exactly in the middle of the page horizontally? I currently am just eyeballing it and using that method have it set to 33% - but that doesn’t seem right.
Hi @Dorian,
the middle options does not fit your need?
If not, here is a common trick in css
- Select the modal, Select Custom for the position, and set the Vertical position to 50%
- Select the flexbox inside (the white background), and set the Effect > Transform > Translate property with y: -50%
Thanks @aurelie. I like the ‘top middle’ standard option except its a bit too high. Using your suggestion, I selected the ‘top middle’ position and then set the Flexbox as below, which gives me what I want. Thanks!
