[Solved] Hide the green sidebar on mobile @media

[motion2082]

hey guys,

can anyone help me hide the left green sidebar at http://www.firedamcivil.biz on mobile

trying the use the following with no result

/* hide the left menu on mobile */
@media (max-width: 480px) {
    #belowleftmenu{
    visibility: hidden;
    }
}

I noticed my content is overlapping my left sidebars as well when I adjust size

[jamygolden]

Try this:

@media (max-width: 979px) {
    .belowleftmenu  {
        display: none;
    }
}

In your example above you’re hiding #belowleftmenu but only the class . belowleftmenu exists on the page.

If you can you should try and aim for a mobile first design. You should give this HTML5Rocks article a read.

[Paulie_D]

#belowleftmenu

isn’t belowleftmenu a class, not an ID?

[motion2082]

isn’t belowleftmenu a class, not an ID?

My bad, getting late brain is failing

[motion2082]

it seems to be a lot better now :smile:

gonna call it a night, thank u all for your assistance it’s much appreciated

[Author]

Posts