barras de desplazamiento horizontal CSS aparecen en cromo después de redimensionar la pantalla del navegador

Question

Estimados usuarios de desbordamiento de pila,

Estoy desarrollando un sitio web sensible.

Tengo un problema muy extraño en Google Chrome y en el navegador predeterminado de Android.

Aparece después de que se redimensiona el sitio web (Hacer el navegador horizontalmente más grande o cambiar la vista vertical a horizontal en android (más de 480 píxeles)).

Cuando cambio el tamaño del navegador a menos de 480 píxeles aparece una barra de desplazamiento horizontal.

Ver por sí mismo al (saxo loco para .com/nuevo)

Answer 1

El problema está en su CSS. para navigation, escriba visibility: hidden; en lugar de display:none.

.moduletable_shop h3, #navigatie-horizontaal, .logo { 
position: absolute; 
width: 0; 
height: 0; 
display: none; 
} 

razón para escribir display:none; porque visibility: hidden; ocultar el elemento pero no eliminar el elemento, pero display:none eliminar el elemento.

Answer 2

manera sucia, pero funciona.

body { 
    overflow-x: hidden; 
} 

Answer 3

Como sandeep ha escrito, sucede porque usa visibility: hidden. Si desea ocultar cosas, debe usar display:none en su lugar. De acuerdo con w3schools-docs, visibility: hidden es:

El elemento es invisible (pero aún ocupa espacio)