Hide some widgets on mobile devices

[jodiebParticipant Post count: 2]

I am building a site using the Outreach theme.  I have added a short menu to the header.  I would like to hide this widget when viewing the site on a mobile device in order to streamline things on a smaller screen.  I know this is possible but I can’t seem to make it work.

 

http://www.outsourcingpro.biz/work-area/

Thanks!

Jodie B

 

[cdilsParticipant Post count: 285]

I think you can use the CSS visiblity element. Something like this in your stylesheet:

@media only screen and (max-width: 768px) { //change that pixel width to whatever screen size

.your-widget-class { visiblity: hidden; }

}

 

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[Author]

Posts