XF 2.2 How do I display a widget on desktop only?

[click here]

How do I display a widget on desktop only? Do I have to enter something in the "Display condition" option from within the widget?

 

[Old Nick]

You can use media queries in your extra.less template, there is no conditional statement for this AFAIK.

@media (max-width: 900px) {
    [data-widget-key="you-widget-key"] {
        display: none;
    }
}

 

[Mr. Jinx]

To detect mobile/desktop, you can use Xon's free add-on:

Browser Detection

A light-weight shim around Mobile_detect for XenForo 2 Usage (in templates) The add-on injects the global variable $xf.mobileDetect, check that the variable is set before calling any methods to prevent errors during upgrades or if the add-on is...

xenforo.com

You can then use this condition to display only on desktops:

$xf.mobileDetect && !$xf.mobileDetect.isMobile()