Hola.
Tengo esta cabecera:
Código HTML:
<header>
<div class="wrapper">
<div class="logo">
<img src="logo.jpg"/>
</div>
<nav>
{Listas de Menú}
</nav>
</div>
</header>
Lo que yo quiero es que cuando la cabecera tenga un ancho como para telefono móvil, el logo que es un jpg desaparezca y se muestre un texto en vez de la imagen.
Eso debo hacerlo en el @media, pero cómo lo hago?
Gracias.