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.