Recently it was asked if there was an easy way to use a WordPress shortcode to easily hide or show wrapped content on mobile devices.  While there are numerous plugins and even a few themes that offer this functionality out of the box, there can be issues when you change a plugin or theme.  So I put together some basic code that can be placed in either the active theme's functions.php file or placed in a plugin you may use on your WordPress website.

The two pieces of code below will enable two shortcodes to be used on your WordPress sites:

[hide_from_mobile]This is the content you want hidden from mobile browsers.[/hide_from_mobile]


[show_if_mobile]This is the content you will only show on mobile browsers.[/show_if_mobile]

The two pieces of code are as follows:


If you have any questions, you can ask them below.