Display Classes
Weavr comes with display classes to enable you to quickly hide elements from various breakpoints. Simply add the breakpoint (‘mobile’, ‘tablet’, ‘netbook’, or ‘desktop’) the class .no-[breakpoint].
For example, to hide an element from just mobile devices, you would use:
<div class="no-mobile">...</div>
Or to only display an element on large screens:
<div class="no-mobile no-tablet no-netbook">...</div>
You are at the "desktop" breakpoint.
You are at the "netbook" breakpoint.
You are at the "tablet" breakpoint.
You are at the "mobile" breakpoint.