Show Hide on Mobile
Show or hide element on mobile.
You can download the plugin as a standalone library in this page.
Or simply insert this into your
<link rel="stylesheet" href="https://unpkg.com/mobi-plugin-show-hide-on-mobile/dist/mobi-plugin-show-hide-on-mobile.min.css" />
There are only one breakpoint in Mobi.css. It separates the mobile and desktop.
Device with width less than
768px will be recognized as mobile device.
Device with width equal or more than
768px will be recognized as desktop device.
Show on Mobile
.show-on-mobile will only show on mobile:
This part will only show on mobile
<p class="show-on-mobile"> This part will only show on mobile </p>
Hide on Mobile
.hide-on-mobile will hide on mobile and show on desktop:
<p class="hide-on-mobile"> This part will hide on mobile </p>