New Landing › How can we help? › Cardinal › How to make modals resposive?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Back to forum
    Posted in: Cardinal
  • October 18, 2014 at 1:11 am #121203
    kimorbit
    Member
    Post count: 21

    Possible?

    October 20, 2014 at 8:22 am #121339
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Modals are responsive?

    – Kyle

    October 20, 2014 at 11:54 pm #121716
    kimorbit
    Member
    Post count: 21

    Hi Kyle,
    Sorry, i’m not sure if you’re asking or implying that they are …
    My full question is – Is it possible to make modals responsive? If you go here and click on any modal link you will see the content doesn’t fit on mobile devices.

    Thanks for your support.
    Robert

    October 21, 2014 at 8:09 am #121767
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    You have this in your custom css which is breaking the responsiveness:

    /*Modal styling*/
.modal-dialog {
    width: 800px;
}

    Change it to:

    /*Modal styling*/

@media only screen and (min-width: 940px) { 
.modal-dialog {
    width: 800px;
}
}

    – Kyle

    October 21, 2014 at 5:14 pm #122069
    kimorbit
    Member
    Post count: 21

    Ah that did it! Thanks Kyle!

    -Robert

    October 22, 2014 at 6:14 am #122183
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome. Great thanks Kyle.
    Thanks 🙂
    With Best Regards
    Mohammad

  • Back to forum
    Posted in: Cardinal
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register