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]