Boa tarde a todos.
Estou tentando muda a aparência do site no mobile porém sem sucesso, todos os códigos que tento colocar no css para fazer alterações não altera em nada.
Alguém pode me ajudar e dizer onde estou errando? Queria um layout no mobile com cantos mais arredondados.
Segue exemplo:
Meu mobile 1ºimagem.
Exemplo que desejo mudar o border-radius para que fique assim as caixas arredondadas.
Desde já agradeço a todos.
Bordas arredondadas
#cabecalho .busca { padding: 0; border: none; background: transparent; }
#cabecalho .busca input { padding: 10px 5px 10px 15px; border-radius: 10px; }
#cabecalho .busca .botao-busca { height: 42px; top: 0; right: 0; border-radius: 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 55px; font-size: 18px; }
.acoes-conta>li i { border-radius: 5px; }
.carrinho { border-radius: 10px; }
.carrinho>a i { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
#cabecalho > .conteiner > .menu.superior {
border-radius:200px;
}