javascript - Setting modal sizes for Magnific popup -

using css, js, , html right out of box, i'm pleased way magnific popup works. initial size of modal (roughly 900 x 500px) fine @ full screen on reduced screens, responsive behaviour of plug brings modal height down far , forces visitor scroll dickens.

i keep settings except i'd have taller popup when screen is, say, less 600px wide.

i've tried suggestions @ jquery magnific-popup : open 2 popup iframe differents width/height, adding markup initialization js breaks script.

i know little javascript, appreciate suggestions.

you can in css using media query. (http://www.w3schools.com/cssref/css3_pr_mediaquery.asp)

@media screen , (max-width: 600px) {    .mfp-content {      height: 600px; // or whatever    } } 

i'm not 100% sure mfp class want edit, if can play around , find out. recommend using chrome's device simulator testing mobile screens.