Media Queries

We included media queries shortcodes that allow you to display somethings at specifics display sizes, like desktop, tablets and mobile. Try resize your browser.

Desktop Only!x
Tablet Only!x
Display at all Mobile Sizes Only!x
Mobile Landscape Only!x
Mobile Portrait Only!x

Get the Code

[xt_mobile_visibility type="desktop"]
[xt_notification type="info"]Desktop Only![/xt_notification]
[/xt_mobile_visibility]
[xt_mobile_visibility type="tablet"]
[xt_notification type="info"]Tablet Only![/xt_notification]
[/xt_mobile_visibility]
[xt_mobile_visibility type="mobile-all"]
[xt_notification type="info"]Display at all Mobile Sizes Only![/xt_notification]
[/xt_mobile_visibility]
[xt_mobile_visibility type="mobile-landscape"]
[xt_notification type="info"]Mobile Landscape Only![/xt_notification]
[/xt_mobile_visibility]
[xt_mobile_visibility type="mobile-portrait"]
[xt_notification type="info"]Mobile Portrait Only![/xt_notification]
[/xt_mobile_visibility]

Shortcode Options

  • type – can be desktop, tablet, mobile-all, mobile-landscape and mobile-portrait