Is there a way to hide the text on a button but keep the icon visible when viewing on a mobile device?
For instance, if a button displays a face icon from MaterializeCSS along with the text "support", I would like to eliminate the text while still showing the icon so that the button becomes smaller. I am using the MaterializeCSS framework and Materialize icons.
This is how the button is structured in HTML:
<a class="waves-effect waves-light white-text top-button z-depth-2">
<i class="material-icons left">
face
</i>
Contact support
</a>