Página 1 de 1
[RESOLVIDO] Como ocultar módulo CONTEÚDO HTML quando página for visto em celular?
Enviado: 02 Fev 2020, 00:59
por quegaroto
Caros Colaboradores,
Tenho uma dúvida. Criei uma módulo no CONTEÚDO HTML com algumas imagens. Funciona perfeito na loja, porém visualmente não fica bom no celular. Eu gostaria de escolher qual CONTEÚDO HTML será ocultado quando a loja for vista pelo celular.
Atenciosamente,
Quegaroto
Mei na Web
Re: Como ocultar módulo CONTEÚDO HTML quando página for visto em celular?
Enviado: 02 Fev 2020, 11:47
por leandrorppo
Olá,
Pode utilizar as classes do Bootstrap para ocultar/exibir:
Código: Selecionar todos<div class="hidden-xs">
Oculto para mobile
</div>
<div class="visible-xs">
Visível para mobile e oculto para as outras resoluções
</div>
Caso queira determinar uma resolução pode utilizar Media Queries:
Código: Selecionar todos<style type="text/css">
@media screen and (max-width:480px) {
.ocultar_mobile {
display: none;
}
}
</style>
<div class="ocultar_mobile">
Oculto para resoluções até 480
</div>
Boa sorte!
Re: Como ocultar módulo CONTEÚDO HTML quando página for visto em celular?
Enviado: 03 Fev 2020, 11:41
por quegaroto
Olá @leandrorppo,
Desde já agradeço atenção dada.
Me ajudou muito !!!
Optei em código css adicionando no arquivo principal.
E cada conteúdo html criado eu determino se será oculto ou visível para celular usando a classe.
Acho que ajudará muita gente com esta dica.
Atenciosamente,
Quegaroto
Mei na Web
Re: [RESOLVIDO] Como ocultar módulo CONTEÚDO HTML quando página for visto em celular?
Enviado: 04 Fev 2020, 12:22
por leandrorppo
Olá,
Ótimo que resolveu!
Boa sorte e boas vendas!