Alterações versão mobile

Olá!
Gostaria de algumas alterações no mobile, podem me ajudar com os códigos?

1- Gostaria de centralizar todo o conteúdo do rodapé, não só essa parte marcada, mas tudo. Há código para isso?
2- Preciso tirar essa parte em branco depois das redes sociais
3- Centralizar a descrição do produto tanto nos destaques quanto nas paginas dos produtos.

@Leonardo_Vicentini_F Oi! Consegue me ajudar com esses códigos na versão mobile?

#barraNewsletter {
    box-shadow: none;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100000;
    background: #000;
    color: #FFF;
}

@media (max-width: 767px){
    body {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    #rodape .redes-sociais {
        top: -20px;
        height: auto;
    }    
    .span4.atendimento {
        width: 100% !important;
    }
}

@media only screen and (max-width: 479px){
    .listagem .listagem-item .imagem-produto, .listagem .listagem-item .info-produto {
        float: none;
        width: auto;
        margin: 0;
        text-align: center;
    }
}

3 curtidas

Maravilha! Obrigada!!

Sabe se tem a possibilidade de centralizar todo o rodapé?

2 curtidas
@media only screen and (max-width: 479px){
    #rodape .institucional .titulo, 
    .span4.links-rodape.links-rodape-categorias, 
    .span4.sobre-loja-rodape,
    .span4.links-rodape.links-rodape-paginas,
    .institucional.fundo-secundario .span12.visible-phone {
        text-align: center;
    }
}


4 curtidas

Alguém aqui sabe como mudar a direção do botão home, ex: para ao invés quando ele clicado leva para a tela inicial ele leva para outra tela

Nossa, ficou muito bom Leonardo, obrigada mesmo!!
Não sei se você viu, tem dois ícones do face (na versão desktop está certo) mas na mobile aparece dois, dá pra tirar?

Allguem sabe mudar a orientação do botão do menu, quando clica ele abre para cima invés de abrir para baixo.
Agradeço muito se conseguirem.
já tentei de tudo

@Eduardo_Siqueira , você está fazendo mudanças estruturais, isso eu não sei fazer, o eu que faço geralmente é pequenos códigos e coisas estéticas.

Não estou te ignorando, só não tenho como ajudar mesmo.

Assim, entendi, mas obrigado mesmo assim kkkkkk

@media only screen and (max-width: 779px){
    .lista-redes > ul > li.visible-phone {
        display: none !important;
    }
}

@Leonardo_Vicentini_F
Agora siim! rs Obrigada Leonardo!

Você que parece entender bem de loja profissional, qual sua opinião sobre a minha? Ainda está muito básica?

se a sua estiver muito básica… a minha é super básica… kkkkk www.lojadabruna.com

kkkkk chorei, até parece
A sua ta muito legal! Parabéns!!

1 curtida

Leonardo,

Consegue centralizar as subcategorias? (não custa perguntar né)

duvida 3

ta centralizado, o que tem e um treco branco que nao faço ideia de onde veio…

Foi nesse código que eu coloquei pra espaçar as categorias (como tenho poucas categorias) mas as subcategorias não acompanharam o tamanho do espaço, essa é a merda

/Espaçar menu/
#cabecalho > .conteiner > .menu.superior .nivel-um {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
#cabecalho > .conteiner > .menu.superior .nivel-um li {
margin: 0;
width: 50%;
}
#cabecalho > .conteiner > .menu.superior .nivel-um > li a strong {
width: 100%;
}

agora ficou muito mais facil achar o problema…

#cabecalho > .conteiner > .menu.superior .nivel-um li {
    margin: 0;
    width: 100%;
}
.menu li {
    padding: 0;
}

coloca isso tb para ficar mais legal!
sumir com o treco feio que em cima da barra nos itens do menu…


i.icon-chevron-down.fundo-secundario {
    display: none !important;
}


@Leonardo_Vicentini_F
Ficou infinitamente melhor assim kkkk obg de novo!

1 curtida