How to Hide a
From Mobile Devices

Wondering how to hide a <div> tag from mobile users? Here’s a quick CSS fix on how to do that. You can make use of the Mobile CSS tags.

There are various reasons why you may want to hide a div from your users. Take note that this method works not only for div tags but all HTML tags. You can use this trick easily using CSS.

Easily Hide <div> tags From Mobile Devices

First, determine the div tag you want to hide your mobile devices for an easy overview we will make an example below.

<div class="hidemobile">
	<h2>This div will be hidden</h2>
	<p>No, you can't see this tag if you are using mobile</p>
</div>
@media only screen and (max-width: 600px) {
 .hidemobile
 {display:none;}
}

Parameters used:

Media Screen set to Max-width 600px meaning only screens with less than 600px are able to see the content under this tag.

You can set multiple screen sizes depending on how you use it.

Haz un comentario

Su dirección de correo electrónico no será publicada.

Puede agrandar el área de comentarios tirando de la flecha. Si eres un experto en tecnología, puedes usar etiquetas y atributos HTML básicos para dar formato a tu comentario.

(necesario)

es_ESSpanish