Olá a todos!
Eu estou fazendo o projeto adicionando pequenas alterações, e resolvi colocar uma logo no site, meu objetivo aqui é que ao diminuir a tela para telas menores min-width:0, ao invés de mostrar a logo completa, seja mostrada apenas a imagem do controle. Como posso fazer isto?
Seria bom você mostrar como está o css.
A imagem está separada do texto?Se sim, eu envolveria o texto em um span com uma classe específica e colocoria um "display: none" pra esta classe no "min-width:0." Exemplo:
<img src="caminho da imagem"><span class="logo__texto">gamers.com</span>
<!-- CSS media query dentro de um stylesheet -->
<style>
@media (min-width: 0)
{
.logo__texto
{
display: none;
}
}
</style>Se for uma imagem que já possui o texto, eu criaria uma nova imagem cortando o texto e a chamaria como background-image dentro do "min-width:0".