Tenho um site publicado e ele está apresentando uma rolagem lateral na versão responsive quando acessado via iPhone que não existe em mais nenhum dispositivo. Tanto no Safari quando no Chrome se acessado via iPhone. Dispositivos Android funcionam normalmente.
Eu já testei várias soluções como essa, não funcionam. Adicionei um container em volta de todo o conteúdo pra tentar dar overflow-x: hidden
e não respeita. Tentei adicionar via javascript largura máxima = largura do dispositivo. Nada.
Removi parte por parte do código pra ver o que gera rolagem e basicamente é tudo que tá no centro mesmo, possivelmente tem a ver com os carrosséis. Também tentei dar overflow-x: hidden
neles, overflow: hidden
, tamanho fixo e etc. Nada funciona.
Não sei mais o que fazer. Alguém passou por isso?
*{ overflow-x: hidden !important; }
.