How to hide elements in mobile devices? CSS


Tags: css,wordpress

Problem :

I want to hide this sidebar in mobile devices, I tried this coding,

.sidebar__area:last-child .widget:last-child, .sidebar__area.is_stuck .widget:last-child{
display:none;
}

Which completely hid it.But when I try this, it doesn't work,

@media screen and (min-device-width: 100px) and (max-device-width: 950px{
sidebar__area:last-child .widget:last-child, .sidebar__area.is_stuck .widget:last-child{
    display:none;
    }


Solution :

Try this:

@media (min-width: 100px) and (max-width: 950px){
sidebar__area:last-child .widget:last-child, .sidebar__area.is_stuck .widget:last-child{
    display:none;
    }

    CSS Howto..

    How to get height of CSS manipulated image?

    jQuery how to rapidly change color on divs with click

    How do you align text of one item in nav?

    How to achieve navigation mouseover effect like in screenshot [closed]

    How do you create a transparent overlay with text upon mouse hover?

    How to center multiple divs inside a container in CSS

    How do I properly reference files in subdirectories (in xampp) for PHP, CSS, etc. on localhost?

    How do I apply properties to a previous sibling on hover?

    How to prevent a p:menubar from being overlapped by the contents of a CSS template?

    Search type links in Yahoo - how to implement similar behaviour

    How to indent text like in a table, but without a table?

    How do I break the border around text in css?

    How to add css to 1 element when hiding another?.. Jquery

    How to set the text absolutely (CSS) in the middle of a div despite a changing width div behind him?

    How can I make a designer's static web page run in rails 4

    How to play css transition effect from javascript

    How to move the scrollbar down

    How to do a full bleed background image that scales with resolution in css/javascript? [duplicate]

    How to stop divs moving in browser when zoom in/out?

    How to match a particular tag through css selectors where the class attribute contains spaces?

    How do you manage css stylesheet files and inclusions in a large ruby on rails application?

    How to separate CSS positioning from CSS styling?

    How to remove the arrows in a scroll bar through CSS

    how to implement “blog” page in HTML/CSS? [closed]

    How to create a
      with a triangle for the :active row?

    How to print labels from a label printer using html

    How to make nav menu fall onto the page?

    How can I make my form autoscale correctly?

    CSS Ribbon - How to make a transparent triangle while disregarding background

    how to set break for print page(div) using css?