Disable A Specific Element For Mobile/desktop Only?!

We have been nominated for some magazine award and would like to place the voting link, info all over the site. On the product page I am using the ‘Extra’ section ‘Promo Text’ box and have placed an image in roughly the height of the product info. It does the job on desktop.

However, it doesnt look good on mobile.

We have an add-on where we can disable blocks for different devices. Is there a way of disabling ELEMENTS between mobile and desktop using CSS or JQuery or something? I’ve had a bit of a look but not able to find much.

I would create a different image that fits better for mobile.

How can I do this guys? Thanks!

Are you using the responsive theme?

‘visible-desktop’ class

Yes we are using a 3rd party responsive theme.

Try this one: