Disable for smartphones?

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(https://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!

*visibility:hidden;

Glad you got this worked out. Could you possibly mark this thread as resolved so we can keep things nice and tidy? ??

Thanks!

Just did.

Great, thanks!