First off. I'm not a developer so I need some clear instructions, what goes where kind of thing would be most helpful as I'm still learning.
I'm building a responsive site. I am using the shortcode in a text widget and I have a couple of text widgets in a single sidebar. When the site is loaded into a tablet I no longer need the CP button and I want to hide the text widget containing the shortcode. That means hiding the entire
<aside id="" class="imageBox-left"> <h1 class="widget-title">Some Text</h1> <div class="textwidget"> <a class="cleanprint-exclude">BUTTON</a> </div> </aside>
I wrote this little script and it works great in JSfiddle but I can't just add it to the footer or header of the page it looks like it needs to go into the shortcode php file.
What I want to do is add an additional class to the parent <aside class="imageBox-left"> and then with a media query for tablet size screen display:none; to the entire <aside>.
What would be the best way to do this?
By the way. Love the plugin, but tablets don't normally print.