i would like to know, too.
Thanks
Hello there @ccmcneil and @agitana,
You can’t “disable” them for mobile devices.
However, using media queries and display:none !important;
in your stylesheets you can hide them permanently on small screen sizes. 🙂
I hope that helps!
Cheers,
Ari.
I thought about it, but didnt thought it would work. But now i will try it. Thanks for ur help.
Greetz
Yeah, I guess I’m going to put all the CSS code that I find by inspecting element into each responsive sheet (i.e. 480p etc.) Then for each class or id, apply the display:none !important; rule. I’ll let you know how it goes. Thanks.
It works for both media-queries.css and for the bootstrap individual screen sizes. Here’s how I did it in the media-queries and it works.
@media all and (max-width: 480px) {
div#a37693cfc748049e45d87b8c7d8b9aacd-po.visiblebox {
display: block;
display:none !important;
}
div#a37693cfc748049e45d87b8c7d8b9aacd-po {
position: absolute;
background: rgba(0, 0, 0, 0) url(http://www.ideaforgetest2.com/wp-content/plugins/wordpress-popup/popoverincludes/css/default/images/opaque.png) repeat;
z-index: 999;
padding: 10px;
visibility: visible;
display:none !important;
}
I probably could’ve just set visibily: none; but your way works too. Thanks a bunch!
Glad you got this worked out. Could you possibly mark this thread as resolved so we can keep things nice and tidy? 🙂
Thanks!