troubleshooting Question

Hiding a DIV on desktop

Avatar of Rowby Goren
Rowby GorenFlag for United States of America asked on
CSSjQuery
5 Comments2 Solutions64 ViewsLast Modified:
Hello

I am trying to hide a DIV only on desktop. using Media queries.

When I tried to do it, however, I guess I selected the wrong div because it also hid another div.

Please go to this page:  Look at the 2 "Practice Area" menus

There are two menus with the name "Practice Areas".  Near the top left is a hamburger version which should NOT show on Desktop.  I need to hide the hamburger and the words "Practice Areas' which are to the right of it on desktop.

However I don't want it to affect the Desktop version of the Practice Areas menu.

When I tried to hide it, I ended up hiding both menus on desktop.

Here's  a screen capture with hopefully some helpful info -- just to make everything clear.

I think the div is module-content     At least that's the div around the hamburger version.  
Thanks!

UPDATE:  I just went in and added some debugging info that you'll see on the top and bottom of the hamburger menu.   I also added an "X" to the module position name.  Hopefully that will help add the needed hook to the css to make it different from the other Practice menu.
RowbyMockup
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 2 Answers and 5 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 2 Answers and 5 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros