Fórum OpenCart Brasil

[Thiago Nascimento]

Olá, eu gostaria que o logotipo não aparecesse quando o site fosse visualizado num celular.

versão 2.0.3.1

Se alguém souber da variável que guarda o width da página, creio que da pra resolver colocando um IF no header.tpl

Só não sei qual é essa variável, ou se há algum outro jeito de fazer isso.

Grato.

[Thiago Nascimento]

Caminho do arquivo
catalog/view/javascript/bootstrap/css/bootstrap.min.css

trecho de código

Código: Selecionar todos

 .img-responsive{display:block;max-width:100%

Ele ta 100% para fazer o que pretende deve programar para que em determinada resolução ele não apareça

Olá Anderson, obrigado pela ajuda, deu certo, com as seguintes adaptações:
(se por acaso outra pessoa precisar)

A classe ".img-responsive" é usada em outras imagens, que acabam sumindo junto. Portanto, deu certo com identificador único

1) Incluir um id na imagem do logo.
No arquivo catalog/view/theme/SEU_THEME/template/commom/header.tpl substituir

Código: Selecionar todos

<a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a>

por

Código: Selecionar todos

<a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" id="head_logotipo" /></a>

2) No arquivo catalog/view/javascript/bootstrap/css/bootstrap.min.css incluir:

Código: Selecionar todos

@media (max-width:768px){#head_logotipo{display:none;}}