Bom dia pessoal, tudo bem ?
Alguem tem o codigo para aumentar o tamanho do logo apenas no mobile ?
1 curtida
Olá segue o CSS:
@media (max-width: 768px) and (min-width: 326px){
.logo-mob {
width: 200px;/*altere aqui para o tamanho desajado*/
height: auto;
}}
1 curtida
kkkkkkkkkkkkk estava fazendo tb, aqui recentralizei tb
@media (min-width: 320px) and (max-width: 768px) {
.logo-mob {
width: 200px;
}
}
@media (max-width: 768px){
body:not(.carrinho-checkout) .logo-mob {
left: calc(calc(100vw / 2) - 115px)!important;
position: fixed!important;
}
.logo {
width: 200px;
}
}
ou maior ainda
@media (min-width: 320px) and (max-width: 768px) {
.logo-mob {
width: 250px;
}
}
@media (max-width: 768px){
body:not(.carrinho-checkout) .logo-mob {
left: calc(calc(100vw / 2) - 150px)!important;
position: fixed!important;
}
.logo {
width: 250px;
}
}
1 curtida
ihhhhh… kkkkk… real mesmo… tinha ficado descentralizado… agora ficou showwww… top mano… kkkkk
1 curtida
Ficou muito top, vc é o cara, brigaduuuuuuu
1 curtida
.
Oi, Leonardo. Tentei alterar alguns valores nesse código para a logo ficar maior. Ela até que ficou, porém, ela acaba descendo. É possível deixar ela mais larga?
@media only screen and (max-width: 967px){
body:not(.carrinho-checkout) .logo a {
height: 45px;
}
body:not(.carrinho-checkout) .conteiner .logo {
margin: 0;
}
body:not(.carrinho-checkout) h1.logo.cor-secundaria,
body:not(.carrinho-checkout) h2.logo.cor-secundaria {
position: fixed;
top: 4px;
left: 50px;
width: 120px;
z-index: 999;
}
}
Boa tarde, onde devo incluir esses códigos? Seria em “incluir códigos html”?
1 curtida
Boa tarde.
Cortou um pedaço do código.
Me envia por favor novamente.
@media only screen and (max-width: 767px) {
body.pagina-carrinho.carrinho-checkout div#cabecalho>.conteiner>.row-fluid:first-child .span3 {
position: relative;
z-index: 1000;
top: 10px;
width: 100px;
left: 0;
right: 0;
margin: auto;
}
body:not(.pagina-carrinho.carrinho-checkout) div#cabecalho>.conteiner>.row-fluid:first-child .span3 {
position: fixed;
z-index: 1000;
top: 18px;
width: 100px;
left: -webkit-calc(23% - 40px);
left: -moz-calc(23% - 40px);
left: calc(23% - 40px);
margin: none;
}
}
@media only screen and (max-width: 767px) {
.conteudo-topo .busca-mobile {
margin-top: 60px;
}
}
3 curtidas
Olá Leonardo!
Gostaria da sua ajuda pra conseguir fazer a logo preencher toda parte preta acima do full banner, já tentei vários códigos mas nenhum deu certo.
Me ajuda por favor 
Segue o link da minha lojinha;
Teria como mandar uma imagem de como exatamente vc gostaria que ficasse?
1 curtida
Gostaria que ficasse ocupando todo espaço acima do full banner com a barra de busca encima da logo, me ajuda pfv:pray:t4:
coloque a url da sua loja para avaliar!
1 curtida
existe algumas configurações que foram inseridas no “Editar CSS” que está bugando seu logo no mobile
desativando/remvendo
1 curtida
no caso eu tenho que encontrar e excluir? ou posso colocar outro por cima?
Resolveu aqui!! muito obrigado
1 curtida