Modals do not honour their positions on smaller mobile scree

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Modals do not honour their positions on smaller mobile screens

Raymond Huang pro asked 7 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 Szymanska staff pro premium answered 7 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

Write
Create snippet
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
About author
Raymond Huang
Pro User
0Support score
2Questions 0Answers
0Snippets likes 0Snippets