Disable widget only in mobile - possible

codejet

Is it possible to disable a widget in mobile , but leave it on in desktop

<baris>

codejet

@baris thanks

a_5mith

For now just wrap it in a div and use a media query to set that div to display:none below a certain viewport.

codejet

@a_5mith what would the the query look like that can differentiate between mobile and desktop

can you use navigator.userAgent.match(/iPhone/i) etc..

don't currently have phone to check , but will try work some code up when I have access.

maybe you can use it in your ACP - disable for mobile devices checkbox on widget

a_5mith

@media only screen and (max-width : 480px) {
.div-name {
display:none;
}
}

Think that's right, might be min-width. On an iPad so can't check.

a_5mith

In fact bootstrap has a no-mobile class you can use already. I just don't remember it.

pichalite

hidden-xs