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

4 votes102 views2 answers
Display flex column width auto
CSS
1 vote113 views1 answer
Detect mobile css
CSS
0 vote125 views2 answers
How to force fully show the keyboard in android
CSS
1 vote115 views1 answer
Html list over three columns
CSS
4 votes103 views2 answers
Transform scale
CSS
2 votes101 views1 answer
Otf css3 font-face
CSS
1 vote109 views2 answers
Import google fonts into react
CSS
0 vote104 views1 answer
Ovale css
CSS
0 vote111 views2 answers
Cut word css
CSS
0 vote134 views1 answer
Very responsive grid layout
CSS