Bom, meu site Desconfigurou sozinho. Já tenho ele já uns 2 meses, sem mudar uma vírgula, e agora botão pesquisar foi pra outro lado, “minha conta” simplesmente sumiu. Gostaria de saber o que acontece (além das inúmeras instabilidades), pq eu tinha um código q funcionava e agora não mais.
Meu site é: www.useapredileta.com.br
Estranho mudar do nada sem configuração feita no css, teria como postar um print da tela de configuração do CSS no seu painel?
1 curtida
Oi, tudo bem?
Pelo que pude verificar, você utiliza código de programação em sua loja. Pode ser alguma quebra no código pois o seu campo de busca está com uma largura muito grande e por isso, o botão está fora da tela. Dá uma olhada no seu código.
Lembrando que nós não prestamos suporte para questões relacionadas a código de programação, pois trata-se de uma configuração externa.
Pois e, depois que eu acertei os códigos não mexi em nada mais. Agora essa semana deu essa desconfigurada maluca.
/* Cabeçalho */
@media only screen and (max-width: 1140px){
#cabecalho .conteudo-topo .inferior .span8 {
width: 60% !important;
}
}
@media only screen and (max-width: 767px){
#cabecalho .conteudo-topo .inferior .span8 {
width: initial !important;
}
}
@media only screen and (max-width: 979px){
#cabecalho .acoes-conta > li > i {
display: block;
width: auto
}
#cabecalho .conteiner .superior .span4 {
width: 149px !important;
}
#cabecalho .conteiner .superior .span4 a {
position: absolute;
right: 15px;
top: 16px
}
}
@media only screen and (max-width: 900px){
#cabecalho .menu.superior > .nivel-um > li {
padding: 0 10px !important;
}
}
@media only screen and (max-width: 950px){
#cabecalho .conteudo-topo .inferior .span8 {
width: 85% !important;
}
}
@media only screen and (max-width: 794px){
#cabecalho .menu.superior > .nivel-um > li > a > strong {
font-size: 9pt !important;
}
}
@media only screen and (min-width: 768px){
#cabecalho .conteiner .menu.superior > ul.nivel-um > li:hover strong,#cabecalho .conteiner .acoes-conta i,#cabecalho .conteiner .acoes-conta a,#cabecalho .carrinho strong.qtd-carrinho,#cabecalho .conteiner .busca button{
color:#81432b!important;
}
.barra-inicial {
position:absolute;
top:0;
left:0;
width:100%;
background:#81432b!important;
z-index:9
}
.barra-inicial .conteiner .lista-redes {
width:auto;
float:right
}
.barra-inicial .conteiner .lista-redes li {
border:none;
margin-left:5px
}
.barra-inicial .conteiner .lista-redes li i {
font-size:15pt;
background:none;
color:#fff
}
.barra-inicial .conteiner .canais-contato {
float:left;
width:auto;
margin:0
}
.barra-inicial .conteiner .canais-contato>ul>li {
border:none
}
.barra-inicial .conteiner .canais-contato li a {
color:#fff
}
.barra-inicial .conteiner .canais-contato li span {
color:#fff
}
#cabecalho {
position:relative;
}
#cabecalho .conteiner {
padding-top:30px;
box-shadow:none;
background:none;
padding-bottom:50px
}
#cabecalho .conteiner > .row-fluid {
position:relative
}
#cabecalho .conteiner .conteudo-topo {
position:absolute;
right:0;
top:50%;
margin-top:-38px
}
#cabecalho .conteiner .conteudo-topo .superior.row-fluid {
padding:0 0 3px
}
#cabecalho .conteiner .bem-vindo {
text-transform:uppercase;
font-size:8pt!important;
color:#fff;
font-weight:700
}
#cabecalho .conteiner .bem-vindo span {
color:rgba(0,0,0,.6);
font-weight:700
}
#cabecalho .conteiner .acoes-conta > li:first-child {
display:none
}
#cabecalho .conteiner .superior .span4 {
width:auto;
position:absolute;
bottom:0;
right:110px;
margin:0;
padding-right:12px;
border-radius:6px;
background:#fff
}
#cabecalho .conteiner .acoes-conta > li {
display:inline-block;
vertical-align:middle
}
#cabecalho .conteiner .acoes-conta a {
text-transform:uppercase;
color:#fff;
position:relative;
bottom:4px
}
#cabecalho .conteiner .acoes-conta i {
padding:0;
width:50px;
height:auto;
line-height:50px;
font-size:19pt;
margin:0;
background:none;
color:#fff
}
#cabecalho .conteiner .span8.busca-mobile {
width: 120%;
margin:0
}
#cabecalho .conteiner .busca {
padding:0;
border:none;
background:none
}
#cabecalho .conteiner .busca input {
width:100%;
padding:0;
height:50px;
box-shadow:none;
border:none;
border-radius:6px;
text-indent:15px
}
#cabecalho .conteiner .busca button {
position:absolute;
border:none;
top:0;
right:0;
height:100%;
border-radius:0 50px 50px 0;
padding:0 15px;
font-size:17pt;
background:none;
}
#cabecalho .span4.hidden-phone {
position:absolute;
margin:0;
right:0;
width:auto;
bottom:0
}
#cabecalho .carrinho {
border-left:1px solid rgba(0,0,0,.12);
padding-left:12px;
border-top:none;
border-right:none;
border-bottom:none
}
#cabecalho .carrinho i.fundo-principal {
font-size:30pt;
background: none;
margin-right:25px;
padding:0;
width:50px;
line-height:50px;
height:auto;
}
#cabecalho .carrinho strong.qtd-carrinho {
position:absolute;
display:block!important;
margin:0;
right:0;
width:20px;
line-height:20px;
font-size:12pt;
top:calc(50% - 10px);
text-align:center;
background:#fff;
border-radius:100%
}
#cabecalho .carrinho > a > span {
display:none
}
#barraTopo .carrinho-interno,#cabecalho .carrinho-interno {
position:absolute;
top:100%
}
#cabecalho .conteiner .menu.superior {
position:absolute;
bottom:-1px;
left:0;
width:100%;
background:#fff;
border-bottom:1px solid rgba(0,0,0,.2)
}
#cabecalho .conteiner .menu.superior > ul.nivel-um {
text-align:center;
max-width:1140px;
padding:0 20px;
margin:0 auto
}
#cabecalho .conteiner .menu.superior ul.nivel-um>li {
float:initial;
border:none;
display:inline-block;
margin-top:initial
}
#cabecalho .conteiner .menu.superior ul.nivel-um li strong {
background:#81432b;
color: #ffffff;
font-size:10pt;
text-transform:uppercase
}
#cabecalho .conteiner .menu.superior ul.nivel-um ul.nivel-dois {
position:absolute;
top:100%
}
}
#cabecalho a.bem-vindo.cor-secundaria {
display: none;
}
#cabecalho i.icon-shopping-cart.fundo-principal {
background: url(//cdn.awsli.com.br/172/172459/arquivos/cart-click.png) center center no-repeat;
color: transparent;
}
/* Excluir a barra do topo flutuante */
#barraTopo {
display: none !important;
}
/Centralizar os preços e o seu tamanho/
.listagem .listagem-item{text-align:center}
.listagem-linha .preco-produto{font-size:13px}
.listagem-linha .preco-produto .preco-parcela{font-size:13px}
/Duas colunas mobile/
@media (max-width: 768px){#listagemProdutos > ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}#listagemProdutos > ul li.listagem-linha ul{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}#listagemProdutos > ul li.listagem-linha ul li{width:50%;margin:0 0 10px}.listagem.com-caixa .listagem-item{border:0;min-height:368px}.listagem.com-caixa .listagem-item .imagem-produto{border:0;padding:0}.listagem .listagem-item .info-produto{border:none!important;padding:5px 0}.listagem .listagem-item .info-produto a.nome-produto{min-height:110px;display:flex;align-items:center}.busca .botao-busca{padding:5px 14px!important}.listagem .listagem-item .acoes-produto-responsiva,#btn-top{display:none!important}.preco-produto s.preco-venda{display:block;font-size:14px}.preco-produto .desconto-a-vista, .preco-produto strong.titulo{font-size: 11px !important}.preco-venda {display:block;font-size:12px !important;}}
/Redes Sociais Coloridas/
.lista-redes .icon-instagram {
background: #81432b;
color: #FFF;border-radius: 15px;
}.lista-redes .icon-facebook {
background: #81432b;
color: #FFF;border-radius: 15px;
}.lista-redes .icon-youtube {
background: #81432b;
color: #FFF;border-radius: 15px;
}
.lista-redes ul li, .canais-contato ul li{border: none; box-shadow: none}
i.icon-instagram::before {transform: translate(0px, -2px)}
i.icon-facebook::before {transform: translateY(-1px)}
1 curtida
Eu entendo, não estou pedindo suporte para programação, até pq ela funcionava, quero entender se ta havendo algo d diferente no site para agora o código não funcionar mais.
Resolvi, mexi nos códigos, ainda sem entender o que aconteceu mas resolvi kkk.
1 curtida
Que bom que resolveu, o que pode acontecer é que faz alguma mudança que devido ao cache não é vista na hora apenas tempos depois, por isso é sempre bom depois de uma mudança testar colocando um produto no carrinho para forçar o cache ou testar em uma janela anônima.