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.

Make a Comment

Your email address will not be published.

You can make the comment area bigger by pulling the arrow. If you are techie, you can use basic HTML tags and attributes to format your comment.

(required)

en_USEnglish
fr_FRFrench es_ESSpanish de_DE_formalGerman en_USEnglish