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:
and
If you have any questions, you can ask them below.