Hidings
reference
hidden
Hidden by Breakpoint
You can hide an element by breakpoints using no:breakpoint
Breakpoints:
- mobile-sm 320px
- mobile-md 375px
- mobile 425
- tablet 768px
- laptop 1024px
- desktop 1440px
- desktop-lg 2560px
no:mobile-sm
Hides element to all screens minor than 320px
no:mobile-sm
no:mobile-md
Hides element to all screens minor than 375px
no:mobile-md
no:mobile
Hides element to all screens minor than 425px
no:mobile
no:tablet
Hides element to all screens minor than 768px
no:tablet
no:laptop
Hides element to all screens minor than 1024px
no:laptop
no:desktop
Hides element to all screens minor than 1440px
no:desktop
no:desktop-lg
Hides element to all screens minor than 2560px
no:desktop-lg
Hidden for a Device Only
You can hide an element only to an specific device width. The element will be hidden from its breakpoint till the next minor breakpoint.
Breakpoints (Only Mode):
- mobile-sm Between N and max 320px
- mobile-md min 320px | 375px max
- mobile min 375px | 425px max
- tablet min 425px | 768px max
- laptop min 768px | 1024px max
- desktop min 1024px | 1440px max
- desktop-lg Between min 1440px and N
no:mobile-sm-only
no:mobile-sm-only
no:mobile-md-only
no:mobile-md-only
no:mobile-only
no:mobile-only
no:tablet-only
no:tablet-only
no:laptop-only
no:laptop-only
no:desktop-only
no:desktop-only
no:desktop-lg-only
no:desktop-lg-only