Semantic-ui hide element for mobile viewing

I am looking for the semantic ui correct class to hide, for example, DIV in mobile mode. In Bootstrap its easy there, we have "visible-xs" and "hidden-xs".

But on the semantics of ui, I found only a "mobile grid"

+4
source share
1 answer

Please visit here, just add overrides to your cride file

/* Mobile */

@media only screen and (max-width: 767px) {
[class*="mobile hidden"],
[class*="tablet only"]:not(.mobile),
[class*="computer only"]:not(.mobile),
[class*="large monitor only"]:not(.mobile),
[class*="widescreen monitor only"]:not(.mobile),
[class*="or lower hidden"] {
display: none !important;
}
}
etc...

https://jsfiddle.net/8LkLoxcx/

0
source

Source: https://habr.com/ru/post/1666946/


All Articles