# CSS to show/hide Elements on a webpage

**URL:** <https://forum.pinegrow.com/t/css-to-show-hide-elements-on-a-webpage/2714>\
**Category:** General\
**Created:** [February 12, 2019, 5:45pm UTC](https://forum.pinegrow.com/t/css-to-show-hide-elements-on-a-webpage/2714 "2019-02-12T17:45:25Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![randyrie](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/randyrie/32/2103_2.png) [@randyrie](https://forum.pinegrow.com/u/randyrie)\
**Post date:** [February 12, 2019, 5:45pm UTC](https://forum.pinegrow.com/t/css-to-show-hide-elements-on-a-webpage/2714/1 "2019-02-12T17:45:25Z")

</div>

I’m trying to use CSS with @media to hide a div from displaying on mobile devices but its not working… I probably have a minor glitch somewhere. I’ve wrapped the element I don’t want to show in a div tag with a class=“mobileContent”. On the style.css sheet I’ve attached to the page, I’ve added these lines:

 ![45%20PM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/3/3861ac95e85ecb17d84042c5136d80e764e21b0b.png)

I’ve placed this meta-tag in the header:

 ![48%20PM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/f/ffa051496a040a2ea8306f9c04128d91dc8823f8.png)  
But the div (the “TextSize tool” in the footer) still displays on my cell phone. See [https://statecollegedev.com/gettinon/template\_pages.html](https://statecollegedev.com/gettinon/template_pages.html) as an example. I know the style sheet works since if I change the CSS, it does affect the div. Any guidance is appreciated.

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [February 12, 2019, 9:43pm UTC](https://forum.pinegrow.com/t/css-to-show-hide-elements-on-a-webpage/2714/2 "2019-02-12T21:43:13Z")

</div>

whoops!!! just noticed this message! sorry , these are usually green.  
unless its post and I have misread it.  
I will see now, after I reply …lets see where it appears…

Yep it was a post, not a message. my bad 🙂

---

<div class="post-metadata">

**Author:** ![Walter1950](https://avatars.discourse-cdn.com/v4/letter/w/eb8c5e/32.png) [@Walter1950](https://forum.pinegrow.com/u/Walter1950)\
**Post date:** [February 19, 2019, 6:18pm UTC](https://forum.pinegrow.com/t/css-to-show-hide-elements-on-a-webpage/2714/3 "2019-02-19T18:18:25Z")

</div>

Hello,

I think, meanwhile,- you have found the reason 🙂

This is what I see now in your “style.css”:  
@media screen and (min-width: **0px** ) and (max-width: 720px)

Ciao  
Walter