how to change button text to icon based on screen size code example
Example: 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;
}
}