[column size=”col-6″ bottom_margin=”true”][h5]Supported by Shortcode Generator[/h5]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.[/column]

[column size=”col-6″ last_column=”true” bottom_margin=”true’][h5]Different content for different device[/h5]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.[/column]



[column last_column=”true”]

[screen size=”desktop”]

[infobox last_column=”true” bottom_margin=”false” closable=”false” color=”grey”]This content is visible only on Desktop screens.[/infobox]


[screen size=”tablet”]

[infobox last_column=”true” bottom_margin=”false” closable=”false” color=”blue”]This content is visible only on Tablet screens.[/infobox]


[screen size=”phone-landscape”]

[infobox last_column=”true” bottom_margin=”false” closable=”false” color=”red”]This content is visible only on Phone Landscape screens.[/infobox]


[screen size=”phone-portrait”]

[infobox last_column=”true” bottom_margin=”false” closable=”false” color=”green”]This content is visible only on Phone Portrait screens.[/infobox]




[separator text=”How to use”]

[infobox last_column=”true” size=”col-12″ color=”blue”]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 //[/infobox]



[toggle title=”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]



[separator small=”true”]

[h5]Available argument options[/h5]

[list_item icon=”icon-cog”]screen – Specify your target screen. You can use following : desktop, tablet, phone, phone-landscape, phone-portrait.[/list_item]