Fórum OpenCart Brasil

[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

[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!

[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

[leandrorppo]

Olá,

Ótimo que resolveu!

Boa sorte e boas vendas!