Como colocar o botão de 'comprar' sempre visível no Mobile?

O botão Comprar no Mobile(celular) não fica visível.
Se você quer manter ele sempre visível, siga os passos abaixo:

Basta seguir as etapas:

  1. Entre no cms.
  2. Vá em Layout > Inserir código , conforme imagem abaixo:

3.No último quadrinho da tela “CSS CUSTOMIZADO (OPCIONAL)”, insira o código abaixo conforme a imagem no exemplo:

@media screen and (max-width: 480px) {
.product-card__buy.fade {
  opacity: 1 !important;
}}

Screenshot (33)


  1. Agora é só clicar em Publicar e em alguns minutos a alteração já será reproduzida. :smile:

Caso queira colocar tanto no mobile, quanto no desktop, o procedimento é:

.product-card__buy.fade {
  opacity: 1 !important;
}