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

32 votes338 views6 answers
Background image size css
CSS
0 vote341 views1 answer
How to target input type with css
CSS
3 votes316 views2 answers
Css for internet explorer only
CSS
0 vote355 views1 answer
Set border only left and right css
CSS
1 vote286 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 vote295 views1 answer
Have button beside form input
CSS
3 votes312 views2 answers
Align an entire second row center css grid
CSS
0 vote342 views1 answer
Css border up and down
CSS
0 vote317 views1 answer
CKEDITOR PUSH TEXT IN FRONT OF CURSOR
CSS
0 vote329 views1 answer
Bootstrap 4 input error
CSS