asked on

Why isn't this div not "obeying" my display "none"?

Hi CSS Experts,

I'm having a problem hiding a div in mobile cell.

Please go to this page:
Website page
Why isn't the module named in the div named <div class="moduletable mobile_Portrait hidden-desktop "> being hidden on mobile when I use this css?

div.moduletable.mobile_Portrait  {
display: none;
}

Open in new window

Can't figure it out. With the above div set to display as "none" the content of the div is still showing (a video).

Thanks
Rowby

Pawan Kumar

Did you check the raw html?

Rowby Goren

ASKER

Hi Pawan

I checked the source code. This is a module used in Joomla.

Rowby

Pawan Kumar

Sir, try hard coding the display none with style.

Julian Hansen

It is hiding for me - did you change something?

Rowby Goren

ASKER

Hi Julian,

Hmmm ...

I'm seeing it on my cell.

ASKER CERTIFIED SOLUTION

Snarf0001

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Rowby Goren

ASKER

Hi Snarf0001

That ! worked :) !

Actually I don't want to hide the module. It was just a test. I need to hide a similar module for another purpose in cell and was using this module as my test.

I wanted to see why my CSS was not hiding that module. And yes I don't want to use inline code for various reasons, including your reason.

I'm hoping that this "test' will resolve my actual hidden module that I need to actually be hidden. If not, I'll open a new question.

Thanks!

Rowby

Why isn't this div not &quot;obeying&quot; my display &quot;none&quot;?

Why isn't this div not "obeying" my display "none"?