Como podría aplicarlo?

Si utilizas Bootstrap es fácil. De lo contrario lo debes hacer con media query.

si utilizo bootstrap

como podría aplicarlo ?

utiliza la clase d-sm-none o d-none-sm.

Lo cierto es que se debe utilizar la clase d-none.

ok lo chequeare a ver gracias

Si no resuelves me avisas, a la orden por aca!

gracias OK buscare info a ver

Ya revise y efectivamente la clase es d-sm-none.

display hiden none

Donde tienes el elemento agregale la clase d-sm-none y puede ser que tambien hidden-md-up.
Porque se deben utilizar 2 clases?
Con una estas diciendo que se oculte el elemento en tamaño Small y la otra es para que el elemento sea visible en tamaño Medium.

la verdad no te entiendo mucho no me funciono

le agregue en la etiqueta esto que supuesta servia pero no

<div class=»visible-desktop»>

si le agregeo display:hiden funciona pero la condicion es que si baja la resolucion o que se vea otra parte que no sea desktop por eso pense que esa etiqueta funcionaria

ya entendi

hidden-md-down

es esa pero aun asi no me funciona

a eso me refiero

mandame capture del codigo!

Busca las clases pars ocultar en la página de bootstrap

<button type=»button» class=»btn btn-primary» [routerLink]=»[‘./lista’]»>
<i class=»fa fa-th-list» aria-hidden=»true»></i> Lista</button>

esa es ! donde dice Lista luego de la </i> «Lista» la palabra es lo que quiero que desaparesca

para que no se vea feo al reducir o en otros dispositivos

eso es para mi tesis no es trabajo

Mete la palabra dentro de una etiqueta span

ya lo había hecho y con un div y nada

Pero te falta la clase

Busca la documentación de bootstrap

<button type=»button» class=»btn btn-primary» [routerLink]=»[‘./lista’]»>
<i class=»fa fa-th-list» aria-hidden=»true»></i> <span class=».hidden-md-down»>Lista</span> </button>

si claro de hay lo halle y nada

ya lo habia aplicado deberia funcionar asi ! deberia

Solo un detalle, tengan cuidado de no confundir las clases del 3 y del 4… 😁

Ayuda