CSS - media query not working

Question

I am trying to hide a div on desktop but show it on mobile i.e. the div will be visible on mobile only. The code is here

I want this portion of code

         <div class="mobiupdbox">
         <div class="ovalmain"> Updates</div>
         </div>

to be executed only in the mobile version.But it shows up on desktop version too.

Interestingly enough when I uploaded the same code on jsfiddle here it is working as per expected (i.e. the 'Updates' section is not showing). I just cannot understand where am I going wrong.Please help me guys.I have been trying to sort this one for quite some time now.

Intellidroid · Accepted Answer · 2014-04-26 06:56:44Z

2

If you just want to hide the div at sizes greater than 600px - then in your media query use :

@media all and (min-width: 601px) {.....}

answered Apr 26, 2014 at 6:56

Intellidroid

1,0551 gold badge9 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

CSS - media query not working

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related