Diminuir espaçamento lateral na descrição do produto

Olá pessoal!!

quero diminuir os espaçamentos laterais da descrição dos produtos.

no css aparece essas informações:

div#descricao {
box-shadow: none;
border: 0; padding: 20px;
background: #f2f2f2b8;
border-radius: 6px; }

veja que a o Padding está em 20px.

mas n estou conseguindo informar esse “div#descricao” no editor de css.

seguem as imagens tbm.
Captura de tela 2022-07-05 161452

Boa tarde! É porque você está no mobile, se quiser fazer essas alterações para tal plataforma, tem que usar o @media. Como por exemplo:


@media (max-width: 767px)
#descricao {
    padding-top: 100px !important;
}
1 curtida

Show mano! vou testar aqui.

Uma dúvida… no mobile, estou tendo que clicar 2x para acessar o produto… tipo, clica uma vez aí seleciona, no segundo clique que abre o produto. sabe oq pode ser?

1 curtida

Bom, aqui está normal!
O que eu percebi mesmo é só uma pequena lentidão no site, o que da impressão que se torna necessário 2 cliques. Porém, um clique está indo normalmente (testei em 2 celulares e também no mobile do chrome).

Obrigado man!!! essa lentidão, como posso resolver?

1 curtida

É um processo um tanto que trabalhoso.
Mas de primeiro momento, recomendo ativar o lazy loading, que já está disponível no painel da LI. Outro ponto é o tamanho das imagens dos produtos, tente compactar ao máximo possível, para sua página renderizar mais rápido. Também, o tamanho dos banners e até mesmo códigos css (tente minificá-los)