Responsive pop up

Hi @casarod5

Currently our popup plugin is not responsive, but it is possible to make it responsive using media query in css.

The link you posted is a great link, in addition here is another one: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

If you have popup enabled in a page and if you could a share a link, I can try to make it responsive and provide you some code.

Cheers
Ash

Hi @casarod5,

Thanks for that link. Could you let us know, do you have the following option ticked?
or use Javascript to resize and center the popover

I suspect that alone might take care of it. But if not, we can take a further look at CSS adjustment.

Thanks,
David

Hi @casarod5,

Perhaps the following would sort that for you?

div.visiblebox {
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
margin: auto !important;
}

You could easily add that through your theme’s style.css file or using CSS plugin like this:
http://ww.wp.xz.cn/plugins/imporved-simpler-css/

How’s that work for you? 🙂

Cheers,
David

Hi @newgenerationtec,

Have you tried that CSS I mentioned above? Or perhaps the snippet here?
http://premium.wpmudev.org/forums/topic/pop-over-plugin-mobile-integration

Could you let us know how those work for you?

Thanks,
David