Topic: Modals do not honour their positions on smaller mobile screens

Raymond Huang pro asked 4 years ago


As per title, modals do not seem to honour their positions on smaller mobile screens. On mobile screens, all modals seem to be centered. Is this the expected behavior? It will be good if modals can still stick to the bottom or the top on mobile.

Marta Wierzbicka staff answered 4 years ago


Hi,

these are a Bootstrap settings for modals, but you can change this in CSS, e.g.

.modal.modal-content-clickable .modal-dialog {
    position: fixed;
}
.modal .modal-fluid, .modal .modal-frame {
    width: 100%;
    max-width: 100%;
}
.modal .modal-dialog.modal-bottom {
    bottom: 0;
    margin: 0;
}

Best,
Marta



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags