Olá, boa tarde!
Estou concluindo meu layout no entanto na versão mobile ele apresentou o botão comprar com esse aspecto “reduzido” segue imagem abaixo. Como posso corrigir?
Desde de já muito obrigado
At.te,
Cicero Alves
@itsciceroalves
basta ajustar os valores para saber qual tamanho quer.
@media only screen and (max-width: 767px){
.produto .comprar .botao-comprar {
width: 100%;
padding: 7px 7px 7px 7px;
line-height: 25px;
}
}
1 curtida
Muitíssimo obrigado. Deu super certo! Mais uma vez gratidão pelo suporte. 
At.te,
Cicero Alves
@itsciceroalves
@Leonardo_Vicentini_F pode me ajudar??
O botão de comprar no mobile está do lado e gostaria de deixa-los centralizado. Em baixo do preço
Link - https://www.roofcard.com.br/
Seria algo ± assim
@media only screen and (max-width: 479px)
.acoes-produto-responsiva {
position: inherit;
top: 43%;
right: 0;
}
@media only screen and (max-width: 767px)
.acoes-produto-responsiva {
text-align: center;
}
1 curtida
Obrigada pela ajuda, mas não deu certo não… 
Continua igual…
Depois de configurar precisa colocar um item no carrinho. Dai a página é atualizada e não o cachê do servidor.
Bom dia Leonardo, esse código eu colocado como css ou html??
tanto faz, mas acho melhor colocar no CSS
Alterei umas coisinhas no código e deu certo em minha loja.
CÓDIGO:
/* Botao comprar MOBILE embaixo da descricao */
.acoes-produto-responsiva.visible-phone {
position: inherit;
top: 60%;
right: 0;
}
.acoes-produto-responsiva.visible-phone {
text-align: center;
}
3 curtidas
Alguém sabe como mostrar os produtos do carrinho em lista e não em blocos na versão mobile?