Feed do Instagram acima do Rodapé

[MariaEduardaMarcelin]

Boa Noite, tentei usar esse código e pra mim não funcionou, você poderia me ajudar ?

[LunaFit]

Boa Tarde Pessoal. Também não estou conseguindo configurar corretamente. Minha página é a www.lunafit.com.br.
Alguém poderia ajudar?

[Leonardo_Vicentini_F]

vc ja criou seu cadastro no snapwidget?
ja gerou o codigo?

[Leonardo_Vicentini_F]

vc já criou seu cadastro no snapwidget?
já gerou o código?

[LunaFit]

Opa @Leonardo_Vicentini_F, criei sim e já gerei o código.

[Leonardo_Vicentini_F]

@FabianoBrassioli

 <div id="instagram-rodape" align="center" class="hide">
        <div class="conteiner">
            <a href="https://instagram.com/petcaredistribuidora/">instagram @petcaredistribuidora   </a> 
        </div>
    
        <!-- start SnapWidget -->

        <!-- end SnapWidget -->
    
</div>

<script type="text/javascript">
    $(document).ready(function() {
        if($('#rodape').length && $('#rodape .pagamento-selos').length) {
           $('#rodape').before($('#instagram-rodape').removeClass('hide'));
        } else {
            $('#instagram-rodape').remove();
        };
    });
</script>

<style>
    #instagram-rodape .conteiner { padding: 0; background: transparent; box-shadow: none; max-width: 1180px; margin: 50px auto 15px; }
    #instagram-rodape .conteiner a { font-size: 20px; font-weight: 600; }
</style>
<!-- end Instagram widget-->

coloque o codigo dentro do

    <!-- start SnapWidget -->

    <!-- end SnapWidget -->

[LunaFit]

Ficou assim…

<div id="instagram-rodape" align="center" class="hide">
    <div class="conteiner">
        <a href="https://www.instagram.com/lunafitshop//">Siga Nosso Instagram @lunafitshop   </a> 
    </div>

    <!-- SnapWidget -->
<script src="https://snapwidget.com/js/snapwidget.js"></script>
<iframe src="https://snapwidget.com/embed/846078" class="snapwidget-widget" allowtransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden;  width:100%; "></iframe>

</div>

<script type="text/javascript">
$(document).ready(function() {
    if($('#rodape').length && $('#rodape .pagamento-selos').length) {
       $('#rodape').before($('#instagram-rodape').removeClass('hide'));
    } else {
        $('#instagram-rodape').remove();
    };
});
</script>

<style>
#instagram-rodape .conteiner { padding: 0; background: transparent; box-shadow: none; max-width: 1180px; margin: 50px auto 15px; }
#instagram-rodape .conteiner a { font-size: 20px; font-weight: 600; }
</style>

Mas quando vou na página está assim…

[Leonardo_Vicentini_F]

aqui apareceu assim

[LunaFit]

Agora fiquei confuso. É assim que gostaria, não lembro mais qual foi o script que usei.

[LunaFit]

Acho que consegui. No Chrome aparece do jeito que você mostrou (Como Gostaria), mas no Opera não, talvez seja bug do Opera mesmo.

[Leonardo_Vicentini_F]

vou ver aqui no opera

[Leonardo_Vicentini_F]

aqui ficou certo tambem…

[LunaFit]

Então deve ser a resolução do meu monitor, que é 1920x1080, não consigo pensar em outro erro.

[Vbormolini]

Leonardo, sabe resolver isso? colocar as informações tudo na direita, esta meio que no centro.
obrigado!

[QualityShoes]

como uso este mesmo CODIGO para aparecer as fotos do insta? coloquei um aqui mais fica abaixo da logo do Loja Integrada.

[Leonardo_Vicentini_F]

Vc da gerou o código no snapwidget?

[QualityShoes]

pode deixar dei conta com outro codigo aqui vlw!

[QualityShoes]

mudando da vaca pro leite azedo, como eu coloco o menu alinhado um do lado do outro?? vc sabe?

[Washington_Silva1]

Leandro! Primeiramente agradeço muito as duvidas que tirou minhas e dos colegas.

Aplique as instruções acima sobre o Feed do instagran no Rodapé deu tudo certo no site com visualização via PC.

Porem na Visualização via celular não ficou legal conforme imagem anexo.

Site: www.pestanamakeup.com.br

Alguém poderia mim ajudar como faço para configurar o celular Via codigo.

[Leonardo_Vicentini_F]

precisa ativar a responsividade dentro do snap.