Modals do not honour their positions on smaller mobile scree

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.

Add comment

Marta Wierzbicka staff answered 7 years ago

0 0 Best answer

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

Add comment

Write

Create snippet

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

Raymond Huang

Pro User 0Support score
2Questions 0Answers 0Snippets