Informação do telefone no header nao aparece no mobile
-
Pessoal, meu tema é armada e o site seoextremo.com
Logo no header aparece ” contate-nos via whatsapp ” e depois o telefone com icone do whatsapp “icone + telefone ” tudo na mesma linha do banner…
Ocorre que no mobile o icone+telefone não aparecem…eles são ignorados…
Alguma dica pra resolver isso ? Seria na tag viewport ? Entendo bem básico de codigo, mas se me explicarem acho que consigo fazer caso haja uma solução prática…
Abraços,
Ricardo
-
Tente colocar dentro de colunas
Atualmente esta assim:
<div class="container"><div class="site-info"><p>Contate-nos via WhatsApp!</p></div><div class="top-address"> <span><img src="http://seoextremo.com/iconewhatsapptransparente1.png">(21) 99296-3262</span></div></div>Tente algo como col-xs-8:
<div class="container"><div class="site-info col-xs-8"><p>Contate-nos via WhatsApp!</p></div><div class="top-address col-xs-4"> <span><img src="http://seoextremo.com/iconewhatsapptransparente1.png">(21) 99296-3262</span></div></div>mais informações: http://getbootstrap.com/css/#grid
Boa sorte
Pra mim , aparece assim :
<div class=”top-address”>
<?php if ( get_theme_mod( ‘top_phone’ ) ) : ?><span>
</i><?php echo wp_strip_all_tags( get_theme_mod( ‘top_phone’ ) ); ?></span><?php endif; ?>
<?php if ( get_theme_mod( ‘top_rss’ ) ) : ?>“><i class=”fa fa-rss”></i><?php _e(‘RSS Feed’, ‘armada’); ?><?php endif; ?>
<?php if ( get_theme_mod( ‘top_promo’ ) ) : ?>” class=”button-dark button-small”><i class=”fa fa-plus-square”></i><?php _e(‘Buy Now’, ‘armada’); ?><?php endif; ?>
</div>Certamente não é aonde estou vendo…aonde seria ?
Ah me desculpe
@media (max-width: 767px) #top .top-address, #branding .breadcrumb { display: none; }As classes
top-addressebreadcrumbestão com display none para dispositivos até 767px.encontre o arquivo css: http://seoextremo.com/wp-content/cache/minify/53434.css
e altere a parte do códico para:
@media (max-width: 767px) #branding .breadcrumb { display: none; }excluindo
#top .top-address<div class=”top-address”>
<?php if ( get_theme_mod( ‘top_phone’ ) ) : ?><span></i><?php echo wp_strip_all_tags( get_theme_mod( ‘top_phone’ ) ); ?></span><?php endif; ?>
<?php if ( get_theme_mod( ‘top_rss’ ) ) : ?>“><i class=”fa fa-rss”></i><?php _e(‘RSS Feed’, ‘armada’); ?><?php endif; ?>
<?php if ( get_theme_mod( ‘top_promo’ ) ) : ?>” class=”button-dark button-small”><i class=”fa fa-plus-square”></i><?php _e(‘Buy Now’, ‘armada’); ?><?php endif; ?>
</div>É no arquivo css mesmo, você deve encontrar o arquivo css do tema, procurar o trecho
@media (max-width: 767px) #top .top-address, #branding .breadcrumb { display: none; }e excluir
#top .top-address,display: nonetem como função ocultar, então para dispositivos maiores que 767px não oculta o telefone e o icone, mas para dispositivo menores esta ocultando visualmente a imagem do whatsapp e o numero por estarem dentro da div com a classe.top-address.De uma olhada nessa imagem
https://uploaddeimagens.com.br/imagens/sem_titulo-png–19678
Em azul marquei o código html
Em vermelho o css
E em verde o arquivo do css 53434.css
o endereço completo do arquivo em cache:
http://seoextremo.com/wp-content/cache/minify/53434.cssagora qual o nome real do arquivo css não sei dizer, se você esta atualizando o arquivo css correto o cache não esta sendo atualizado de imediato, talvez amanhã apareça atualizado
- O tópico ‘Informação do telefone no header nao aparece no mobile’ está fechado para novas respostas.