[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.
[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.
[section]
[screen size=”desktop”]
[/section]
[infobox last_column=”true” bottom_margin=”false” closable=”false” color=”grey”]This content is visible only on Desktop screens.[/infobox] [/screen] [screen size=”tablet”]
[infobox last_column=”true” bottom_margin=”false” closable=”false” color=”blue”]This content is visible only on Tablet screens.[/infobox] [/screen] [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] [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] [/screen]
[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]
[section]
[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]
[/toggle]
[/section]
[h5]Available argument options[/h5]
- screen – Specify your target screen. You can use following : desktop, tablet, phone, phone-landscape, phone-portrait.