Show Hide on Mobile

Show or hide element on mobile.

Standalone Library

You can download the plugin as a standalone library in this page.

Or simply insert this into your <head> element:

<link rel="stylesheet" href="https://unpkg.com/mobi-plugin-show-hide-on-mobile/dist/mobi-plugin-show-hide-on-mobile.min.css" />

One Breakpoint

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

Element with .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

Element with .hide-on-mobile will hide on mobile and show on desktop:

This part will hide on mobile

<p class="hide-on-mobile">
  This part will hide on mobile
</p>