# Trying to Hide Module in Mobile View?

**URL:** <https://community.hubspot.com/t/trying-to-hide-module-in-mobile-view/11066>\
**Category:** CMS Development\
**Created:** [November 29, 2018, 4:03pm UTC](https://community.hubspot.com/t/trying-to-hide-module-in-mobile-view/11066 "2018-11-29T16:03:08Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![jasonzimmermann](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jasonzimmermann/32/13014_2.png) [@jasonzimmermann](https://community.hubspot.com/u/jasonzimmermann)\
**Post date:** [November 29, 2018, 4:03pm UTC](https://community.hubspot.com/t/trying-to-hide-module-in-mobile-view/11066/1 "2018-11-29T16:03:08Z")

</div>

Hello,

I’m looking to try and hide a specific module on this page in certain views… [https://info.ipsoft.com/healthcare?hs\_preview=ZqOoLhup-6528928147](https://info.ipsoft.com/healthcare?hs_preview=ZqOoLhup-6528928147)

Specifically I’m looking to hide / remove the “request a demo” button at the top on smaller screen sizes. I’ve tried editing the css and using display: none; in certain page widths but it doesn’t seem to be doing anything.

Seems like I’m missing something but I’m unsure what the issue is. Any help is greatly appreciated! Thanks.

---

<div class="post-metadata">

**Author:** ![dennisedson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/dennisedson/32/28044_2.png) [@dennisedson](https://community.hubspot.com/u/dennisedson)\
**Post date:** [November 29, 2018, 7:28pm UTC](https://community.hubspot.com/t/trying-to-hide-module-in-mobile-view/11066/2 "2018-11-29T19:28:40Z")

</div>

@jasonzimmermann

probably just needed to either be more specific or add an important declaration.

```auto
@media (max-width: 500px){
 .demo-btn {
 display: none !important;
 }
}

```

or better:

```auto
@media (max-width: 500px){
 .custom-header .demo-btn { display: none; }
}

```

i try to avoid using important whenever possible