Hide block on mobile

[Average Sam]

So i'm trying to display a block with an image using pages, I would like to hide the block on mobile devices because it contains an image and it's not responsive.

[Cheerio]

center is deprecated in html5 , you should use css.

try something like..

<h3 class="ipsType_reset ipsWidget_title">picture box</h3>

<style>#rageblock img {
text-align: center;
margin-top: 5px;
max-width: 100%;
height: auto;}
</style>

<div id=rageblock>
<img src="linkedimnage" alt="rageimage_description" />
</div>

 

[Cheerio]

So i'm trying to display a block with an image using pages, I would like to hide the block on mobile devices because it contains an image and it's not responsive.

​have you tried putting image in a custom div inside the block and set image width to 100%

[Average Sam]

So i'm trying to display a block with an image using pages, I would like to hide the block on mobile devices because it contains an image and it's not responsive.

​have you tried putting image in a custom div inside the block and set image width to 100%

​I currently have this:

<center><img src="http://link to image"></center>

Edited June 17, 2015 by Ragehost

[Average Sam]

You're a star!

[Stake™]

The question(s) in this support topic have been answered and the topic author has resolved their issue. This topic is now closed. If you have other questions, please open a new topic.