Bom dia, quando visualizo versão mobile, tem um bug, que ele arrasta pro lado, ai ele mostra essa parte em branco, na página do produto ainda fica muito maior quando passa pro lado.
Topic summary
Um usuário está enfrentando um problema de visualização mobile onde a página do produto pode ser arrastada horizontalmente, revelando uma área em branco lateral.
Causa provável:
Elementos que ultrapassam a largura da tela em dispositivos móveis.
Soluções sugeridas:
- Adicionar
overflow-x: hiddenno body ou container principal - Definir
max-width: 100%para imagens e elementos da página do produto - Aplicar
width: autoquando necessário
Status atual:
O usuário está trabalhando em um layout não publicado (apenas salvando alterações). Foi solicitado o link do site para facilitar o diagnóstico, mas o site já publicado aparentemente não apresenta o problema. A discussão permanece em andamento para identificar onde aplicar as correções CSS no ambiente de desenvolvimento.
Olá Kyroo
Esse problema de “arrastar para o lado” em dispositivos móveis geralmente ocorre devido a elementos que ultrapassam a largura da tela, criando um espaço em branco. Aqui estão algumas soluções que você pode aplicar:
-
CSS para largura máxima: Defina um max-width: 100% para imagens e elementos dentro da página do produto.
img, .product-page-element { max-width: 100%; width: auto; }
-
Overflow escondido: Adicione overflow-x: hidden; no corpo da página ou no contêiner principal.
body { overflow-x: hidden; }
Essas alterações devem resolver o problema de visualização em branco no lado direito da página.
Consegue me dizer aonde faz isso?
Se puder compartilhe o link do seu site, assim fica mais facil ajudar
O que estou usando nao está publicado, eu estou apenas criando o layout e estou salvando, oq está publicado está tranquilo pelo oq percebi.
https://thefootflow.com/