Powerful Media Screen Shortcode

Show content only on devices you want

Supported by Shortcode Generator
This shortcode is super awesome. The greatest thing is that you can create it in 2 clicks with our Shortcode Generator and you can use it with any page element.
Different content for different device
You can display content only on devices you want. Have a look at the example bellow. Try resizing your browser to see this shortcode in action.

 

This content is visible only on Desktop screens.

 

This content is visible only on Tablet screens.

 

This content is visible only on Phone Landscape screens.

 

This content is visible only on Phone Portrait screens.

How to use

Notable comes with super awesome user friendly Shortcode Generator which allows you to create any of many shortcodes in less than 2 clicks. If you prefer the code, you can find it bellow. You can copy-paste it to your page. Comments are annotated with double slashes //

X
Get the code
// Create desktop screen content only
[screen size="desktop"]Your content goes here[/screen]

//Create tablet screen content only
[screen size="tablet"]Your content goes here[/screen]

//Create phone screen content only
[screen size="phone"]Your content goes here[/screen]
Available argument options
  • screen – Specify your target screen. You can use following : desktop, tablet, phone, phone-landscape, phone-portrait.