Custom widths for Overlays

Challenge: Clients frequently wish to display overlays of different widths, both wider and narrower than our 600px default. This is especially relevant on mobile, where height exceeds width.

Solution: Enable custom widths that function as a maximum width but are responsive should the viewport narrow and cause the overlay to reflow, adapt, yet still look good. Width minimum is 100px.

Screen Shot 2018-02-09 at 11.22.12 AM
(mobile overlay – 400px width)

Screen Shot 2018-02-09 at 11.23.14 AM
(desktop overlay – 600px width)

Width setting is on the Basics tab:
Screen Shot 2018-02-09 at 5.32.17 PM