UX Movement Newsletter

UX Movement Newsletter

Share this post

UX Movement Newsletter
UX Movement Newsletter
The Optimal Way to Display Modals on Mobile Screens

The Optimal Way to Display Modals on Mobile Screens

Modal Sheets

Mar 22, 2022
∙ Paid
21

Share this post

UX Movement Newsletter
UX Movement Newsletter
The Optimal Way to Display Modals on Mobile Screens
2
Share

Are you displaying your modals optimally on mobile screens? A modal window on a desktop screen shouldn't look the same on a mobile one. 

Desktop modal windows open in the center of the screen with a transparent backdrop. Users can see through the backdrop to the parent screen as the child window is overlaid on top. The window has ample room to display content, and the buttons are easy to click.

There's no problem with this layout on a desktop screen, but it causes spacing and content issues on mobile. Not only that, but it makes the buttons harder to touch.

This post is for paid subscribers

Already a paid subscriber? Sign in
© 2025 Anthony from UX Movement
Privacy ∙ Terms ∙ Collection notice
Start writingGet the app
Substack is the home for great culture

Share