jQuery Mobile - Dialog width and margins

By default, the dialog width and margin is set in the jQuery mobile. The default width of dialog is 92.5%. On the larger screens, the dialog top margin is set larger, i.e. 10% top margin but it gets collapsed on the small screen to a small margin. This style can be overriden in your stylesheet when needed.

.ui-dialog-contain {
   width: 92.5%;
   max-width: 500px;
   margin: 10% auto 15px auto;
   padding: 0;
   position: relative;
   top: -15px;
}

Kickstart Your Career

Get certified by completing the course

Get Started