«Pequeño bar blanco en el lado derecho del sitio web (problema de WordPress)

La aparición de un sitio de WordPress está controlada por el tema activo (y cualquier complemento de constructor de páginas de terceros, si lo hay).

Recomendaré buscar ayuda del proveedor de su tema para abordar sus problemas de visualización: https://www.commercegurus.com/contact/

¡Buena suerte!

Hey @vulnashton
Como puedo ver, este no es un problema con el tema del sitio web. Este es solo un problema con el desplazamiento de su página, ya que en su página de inicio, no tiene suficiente contenido, por eso se muestra espacio en blanco.
Puedes consultar con esta página
https://prime1reps.com/sample-page/

@iamshubhamsp: rueiré para diferir aquí. Si no hay contenido para garantizar la visualización de la barra de desplazamiento, entonces (en mi opinión), la barra de desplazamiento debe estar completamente oculta: no debe haber ninguna barra de desplazamiento, ni siquiera un espacio en blanco vacío reservado para la barra de desplazamiento.

Al menos ese es el comportamiento predeterminado de todos los navegadores, a menos que se reserve específicamente espacio con scrollbar-gutter: https://developer.mozilla.org/en-us/docs/web/css/scrollbar-gutter

Si eso es lo que se desea, entonces no hay problema.

Pero si el usuario no quiere eso (que parece ser el caso aquí), entonces la canaleta puede y debe eliminarse.

• Esta respuesta fue modificada hace 7 horas, 11 minutos por George Appiah.

Ok @gappiah
Gracias por explicarlo, pero por mi verificación, llegué a saber que está el problema con el contenido y la barra de desplazamiento.

Quizás las capturas de pantalla a continuación deberían ilustrar mi punto. Tenga en cuenta que no toqué el HTML en absoluto (primera captura de pantalla): simplemente quité el scrollbar-gutter a través de CSS (y agregó el color rojo de primer plano solo para énfasis).

Hola @gappiah
Gracias por todas las respuestas que tienen mucho sentido, pero parece que no puedo arreglar haciendo nada relacionado con la gama de barras de desplazamiento en el CSS personalizado.

¿Lo estoy haciendo mal?

He probado estos:

html {
Overflow-y: Auto! IMPORTANTE;
Overflow-x: ¡Oculto! Importante;
Galbo de Scrollbar: ¡Ninguno! IMPORTANTE;
}

¿Lo estoy haciendo mal?

¿Dónde está agregando su anulación de CSS? No lo veo en su sitio web.

Desea agregar esto en apariencia => personalize => CSS adicional, y no olvide enjuagar todos los mecanismos de almacenamiento en caché que use en su sitio, incluido el complemento de almacenamiento en caché de WordPress, el caché de host/servidor, caché CDN externo (por ejemplo, CloudFlare), etc.

Lo he agregado de vuelta, se muestra cuando entro en mi página HTML, pero la gama de barras de desplazamiento está deshabilitada por alguna razón. Los dos desbordamientos están funcionando, pero ese no es el problema

Puedo ver el código en su sitio ahora.

1) none no es un valor válido para scrollbar-gutter. Usar auto en cambio. Para más detalles, consulte el artículo de MDN que proporcioné anteriormente.

2) Solo he mencionado scrollbar-gutter en mis mensajes anteriores para abordar el problema informado. Si agrega algo más que interfiera con la funcionalidad de su sitio, no me culpe por ello 😀

Todo lo que necesitas es:

html {
    scrollbar-gutter: auto;
}

Tal vez vale la pena reiterar lo que @iamshubhamsp mencionó anteriormente: este es solo un problema para las páginas que no tienen suficiente contenido y para el cual no aparece la barra de desplazamiento vertical. Esto ya no debería ser un problema tan pronto como coloque suficiente contenido en la página.

Solo proporcioné una explicación técnica de por qué estaba viendo ese espacio. ¿Pero quizás su tiempo sea mejor dedicado a poner contenido en su sitio?