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 vote139 views1 answer
Bottom gradient
CSS
5 votes173 views2 answers
Remove bootstrap button outline
CSS Bootstrap
56 votes145 views2 answers
Responsive css code for all screen size
CSS
5 votes124 views3 answers
Keep background image fixed during scroll using css
CSS
0 vote130 views1 answer
How to make a text in center with background color in css
CSS
0 vote128 views1 answer
Line sharpness css
CSS
1 vote131 views1 answer
Tile format css
CSS
8 votes135 views5 answers
Flex margin between items
CSS
0 vote150 views1 answer
Pourquoi mon css ne fonctionne pas quand je recharge la page
CSS
9 votes136 views4 answers
Animation shorthand css
CSS