How do we make the pop-up responsive ?

OK.

I used the following CSS

#mindloop_disclaimer_content {
height: 75%;
margin-top: 9%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
background-color: #FFF;
padding: 10px;
border: 1px solid #CCC;
border-radius: 4px;
width: 60% !important;
}

=====================

BUT…

It still seems as the “Accept” URL link does not appear on Mobile Phones, hence it cannot be closed on mobile PHONES.

Got it to be RESPONSIVE on mobile devices using the following:

=================================================

/* This affects the disclaimer pop-up */

#mindloop_disclaimer_content {

height: 42% !important;
margin-top: 1%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
background-color: #FFF !important;
padding: 10px !important;
padding-left: 20px !important;
padding-bottom:90px !important;
border: 1px solid thin #000 !important;
border-radius: 4px;
width: 60% !important;
}

/* This affects the floating top margin of the disclaimer pop-up */

#mindloop_disclaimer.activated {
    position: fixed;
    top: 0px !important;
    left: 0px;
    background: url('../images/transp_black_90.png') repeat scroll 0% 0% transparent;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

Awesome Thank you for sticking it out and responding to your own issue. It helped me a lot with the same plugin.

Since 1914 in this “System of Things”, you have to.