Topic: Modals do not honour their positions on smaller mobile screens
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.
Add comment
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags