Suporte » Plugins » Informação do telefone no header nao aparece no mobile

  • Resolvido ricardomariano2003

    (@ricardomariano2003)


    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

Visualizando 12 respostas - 1 até 12 (de um total de 12)
  • 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

    • Esta resposta foi modificada 5 anos, 8 meses atrás por Gisele.
    Criador do tópico ricardomariano2003

    (@ricardomariano2003)

    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-address e breadcrumb estã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

    • Esta resposta foi modificada 5 anos, 8 meses atrás por Gisele.
    Criador do tópico ricardomariano2003

    (@ricardomariano2003)

    <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: none tem 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.

    • Esta resposta foi modificada 5 anos, 8 meses atrás por Gisele.
    Criador do tópico ricardomariano2003

    (@ricardomariano2003)

    Achei em custom-header e excluí…, mas continua nao aparecendo…zerei o cache tb…

    @media (max-width: 767px) {
    #page .container { padding-left: 30px; padding-right: 30px; }
    #top .site-info { width: 100%; text-align: center; }
    #top .social-media { display: none; }
    .content-builder .container { padding-left: 0 !important; padding-right: 0 !important; }
    #branding .breadcrumb { display: none; }
    .title-header { width: 100%; text-align: center; }

    Se estiver no navegador Google Chrome abra uma janela anonima entre no site e veja se aparece as alterações.

    As vezes é por causa do cache do seu navegador que não esta dando para ver as alterações.

    • Esta resposta foi modificada 5 anos, 8 meses atrás por Gisele.

    Olhei aqui e realmente não teve alteração,

    as classes continuam lá, tem que ver o arquivo css correto ou o cache não foi zerado ainda

    Criador do tópico ricardomariano2003

    (@ricardomariano2003)

    Minha cabeça ta enfumaçando rsrs…seguinte cara, primeiro obrigado pela ajuda…
    entrei em modo anonimo, dei ctrl+u e ctrl+f e pesquisei @media e só aparece isso pra mim:

    @media (max-width:780px){ #pg-73-0 .panel-grid-cell , #pg-73-1 .panel-grid-cell , #pg-73-2 .panel-grid-cell , #pg-73-3 .panel-grid-cell { float:none;width:auto } #pgc-73-1-0 , #pgc-73-3-0 , #pgc-73-3-1 { margin-bottom:30px } #pl-73 .panel-grid , #pl-73 .panel-grid-cell { } #pl-73 .panel-grid .panel-grid-cell-empty { display:none } #pl-73 .panel-grid .panel-grid-cell-mobile-last { margin-bottom:0px } }</style><link

    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.css

    agora 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

    • Esta resposta foi modificada 5 anos, 8 meses atrás por Gisele.
    • Esta resposta foi modificada 5 anos, 8 meses atrás por Gisele.
    Criador do tópico ricardomariano2003

    (@ricardomariano2003)

    É amigo não apareceu…estou fazendo algo errado…mas achei exatamente o que vc disse e excluí…

    Criador do tópico ricardomariano2003

    (@ricardomariano2003)

    Poxa amigo hoje apareceu !!! Ficou perfeito…
    Muito obrigado amigo..Fica com Deus !

Visualizando 12 respostas - 1 até 12 (de um total de 12)
  • O tópico ‘Informação do telefone no header nao aparece no mobile’ está fechado para novas respostas.