Topic: modal-lg not working with modal-bottom-right
dmpneuro premium asked 6 years ago
I want a modal in the bottom right corner. I've found that I can only get the modal to be 'sm' (modal-sm) or 'md' (modal-md, which is the default). When I use 'modal-lg', it still shows as 'modal-md', even though I can see 'modal-lg' in the DOM using browser development tools. If I remove 'modal-side modal-bottom-right', then the modal shows up 'lg' but towards the top of the page, which is not what I want. I've pasted the html code below. What am I doing wrong?
<!-- code -->
<div class="modal fade right" id="notifyModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg modal-side modal-bottom-right modal-notify modal-info" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">TITLE</h5>
</div>
<div class="modal-body">
Here is some content ...
</div>
<div class="modal-footer modal-justify-center">
<button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- end of code -->
Add comment
Piotr Glejzer staff answered 6 years ago
Hi,
You are doing it corectly. I have no idea why it is doing that, for now. I have temporary solution for this.
@media (min-width: 992px) {
.modal-lg {
min-width: 800px !important;
}
}
Add to your style.css or style in HTML file. It should be work. If you have any question ask me.
Best,
Piotr
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: Premium
- Premium support: Yes
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags