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 -->

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

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

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags