Alguém pode me ajudar por favor com um código para remover esse contorno na versão mobile? No computador ela sumiu mas queria tirar no mobile também
20201106_122916|850x239
Tenta usar esse código CSS:
@media only screen and (max-width: 767px) {
.conteudo-topo .busca-mobile {
background-color: #fff;
}
/*Alterando a cor do ícone da Lupa para preto*/
.icon-search:before {
color: #000;
}
}
Muito obrigada José!!! funcionou certinho, ficou do jeito que eu queria
Boa tarde José!!! Você conseguiria me ajudar com alteração de cores na versão mobile por favor? tentei vários códigos e nenhum deu certo.
Gostaria de deixar essa barra e a parte de cima onde está preto na cor branca e os ícones pretos
Faz um teste com esse código CSS:
@media only screen and (max-width: 767px) {
/*Altera cor de fundo da barra*/
#cabecalho > div.atalhos-mobile.visible-phone.fundo-secundario.borda-principal {
background: #fff;
}
/*Altera cor dos ícones*/
.atalhos-mobile a {
color: #000;
}
/*Retira borda ao lado do ícone Minha Conta*/
.atalhos-mobile li {
border-right: 0;
background: #fff;
}
/*Retira borda preta separando o menu do logo*/
.atalhos-mobile {
border-color: #fff;
}
}
Funcionou, muito Obrigada pela ajuda!
Boa tarde José! Você sabe de algum código para tirar essa linha entre os ícones no mobile e diminuir o tamanho deles? Procurei aqui na comunidade mas não achei, se puder me ajudar por favor 20210125_222615|850x207
Boa tarde. Faça um teste com esse código CSS:
@media screen and (max-width: 767px) {
/*Remove borda entre os ícones*/
.atalhos-mobile li {
border-right: 0px;
border-left: 0px;
}
/*Altera tamanho dos ícones*/
.atalhos-mobile a {
font-size: 22px;
}
}
Funcionou, nossa muito obrigada mesmo!!! ficou perfeito
@Monise_Caruso poderia me passar o css que vc utilizou pra deixar dois produtos por coluna no mobile ?
Tá top o seu site.