Media query change button text

<button type="button" class="btn btn-default btn-md btn-block">
    <i class="fa fa-plus"></i>
    <span class="button-text">Add New Item</span>
</button>

@media screen and (max-width: 300px) {
    .button-text {
        display: none;
    }
}

Source: stackoverflow.com

Similar codes

0 vote366 views2 answers
Align ionic icons and text css
CSS
2 votes366 views2 answers
Remove border select css
CSS
0 vote357 views1 answer
FusedLocationClient.removeLocationUpdates
CSS
1 vote318 views2 answers
CSS transform properties are used to change the shape and position of the selected objects. The transform-origin property specifies the location of the element's transformation origin. By default, what is the location of the origin?
CSS
0 vote364 views2 answers
Center a fixed div horizontally
CSS
0 vote369 views1 answer
Closing modal on iframe movies still running
CSS
3 votes345 views2 answers
How to give shadow to navbar
CSS
8 votes387 views3 answers
Background image fill div
CSS
3 votes305 views1 answer
Rotate icon on click css
CSS
2 votes355 views1 answer
Css class selector contains
CSS