XF 2.0 Mobile Conditional?

[Sal Collaziano]

Is there a way to more or less say, "If mobile device detected, don't display this"? I imagine it would/could work via screen resolution... I have a widget that I'm displaying only to guests and I want to prevent it from being displayed on mobile devices...

 

[S Thomas]

@media (max-width: @your-responsive-key)
{
    #widget-id {
        display: none;
    }
}

 

[Sal Collaziano]

@media (max-width: @your-responsive-key)
{
    #widget-id {
        display: none;
    }
}

Would that code go in a template? I imagine not the widget itself. And is "your-responsive-key" a set number or just as it is in your example?

 

[S Thomas]

In extra.less. @your-responsive-key is usually @xf-responsiveMedium or @xf-responsiveNarrow, unless your style modifies that. You can use a hardcoded value aswell.
You could put into your widget aswell if its a HTML widget. You will need to wrap it in xf:css tags then.