Mobile Responsive: How to hide a set of links (left hand menu) when site shrinks below a certain width

weikelbob
weikelbob used Ask the Experts™
on
Hello,

We want to hide a left-hand menu (set of links in a div) when the screen shrinks beyond a certain size (down to mobile). How do I code this in?

We're in wordpress, saltydogfarms1.com

Thank you,

Bob
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Senior Software Developer
Commented:
Use media queries in your CSS.

Assume you have given your div a class of "bigMenu", your CSS might look like this:
.bigMenu
{
  display: block;
}

@media only screen and (max-width: 330px)
{
  .bigMenu
  {
    display: none;
  }
}

Open in new window

Author

Commented:
Easy! Let me try this. I'll be back in a few days.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial