Responsive Display

Display content based on the current layout

Pax comes with two robust and well-tested responsive layouts — fullsize (for PCs and tablets) and mobile (for smartphones). Sometimes, you might want a given element to show up on one of the layouts but not the other. That’s what the responsive display shortcodes are for. For example, if you had a button that you only wanted to show up in the mobile layout, you could wrap the button in the [display_mobile] shortcode. We’ve found this functionality to be pretty handy!

See It In Action

Fullsize Layout Active – This alert will display only on the fullsize (desktop and tablet) layout.
Mobile Layout Active – This alert will display only in the mobile layout.

The Code

[display_fullsize][alert]Content…[/alert][/display_fullsize]
[display_mobile][alert]Content…[/alert][/display_mobile]
Copyright © 2017 1Mobility