Open
Description
It is expected, from what the name suggests, that show-on-small will only show content on small/mobile(<=600px) screens. But in reality you have to manually display: none the content for other screen sizes. E.g. consider this demo: https://jsfiddle.net/x8jd0mt4/ Even for screens >600px the text doesn't get hiidden. Same is true for other similar classes like .show-on-medium-and-down and .center-on-small-only
Heres what the docs say:
.show-on-small ------------------- Show for Mobile Only
The framework can be improved by doind the following instead:
.show-on-small {
display: none !important;
}
@media only screen and (max-width: 600px) {
.show-on-small {
display: block !important;
}
}