Show/Hide


The show/hide CSS classes are useful for adjusting layouts for rendering on multiple devices.

x-hide-xs – mobile
x-hide-sm – between mobile and tablet
x-hide-md – tablet
x-hide-lg – desktop/laptop
x-hide-xl – wide screen

Example grouping:

Mobile class = x-hide-md x-hide-lg x-hide-xl
Desktop class = x-hide-xs x-hide-sm

Example usage:

 [x_button class="x-hide-xs"] I'm not visible from mobile [/x_button]