We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Hide widget when viewed from mobile | Forum

Patricia Zorrilla Leader
Patricia Zorrilla Jan 25 '17

How can I hide widgets from the DeskTop version when Index and DashBoard are loaded from a mobile?

I want to lighten the load, these devices are slower and I do not want to show so many, but if I want from a computer to look more complete

Darryl B Leader
Darryl B Jan 25 '17
You will have to use media queries to target different viewport ranges, and add css to control how your site is displayed at those sizes. Of course you will have to find the element that displays the widgets.

For example. You don't want the header to display on a mobile device with a viewport of min width of 320, and a max width of 480

@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
.ow_header {display:none;}
}

It will be shown on every other viewport size.