Trying to Hide Module in Mobile View?

Develop, Build & Integrate CMS Development
1

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

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.

2

@jasonzimmermann

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

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

or better:

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

i try to avoid using important whenever possible