No soy un experto en CSS que aparece en la televisión ni me alojé en un Holiday Inn anoche,
pero, ¿no podrías probar un cambio en el relleno (padding) en el CSS móvil para la ul o li? Tal vez reducir el padding-left a %, vw o incluso a menos píxeles.
Es probable que alguien aquí pueda responder esto en sueños; podría ser beneficioso para todos en general y tú solo has sido el primero en notarlo.
o quizás no 
Gracias por esa sugerencia. Reducir los pasos del índice de 4 a 2 ayudará en cierta medida. Pero me preocupa más el relleno reflejado que se añade en el lado derecho. Lo ideal sería eliminar completamente ese relleno para móviles.
¿Puedes enlazar a una página donde estés experimentando el problema o copiar la publicación aquí? Es difícil saber qué está pasando solo con esa captura de pantalla. En mi ejemplo no hay sangría en el margen derecho.
Aquí está esa publicación por si quieres ver cómo se ve en tu dispositivo móvil:
¡Gracias! Este es un sitio de Discourse bastante nuevo. Estamos experimentando con la esperanza de eliminar nuestras listas de correo para el proyecto de genealogía de código abierto ‘Gramps’. Así que estamos en la parte más empinada de la curva de aprendizaje.
La captura de pantalla fue de la aplicación Android versión 4. El mismo problema se reproduce en Chrome.
Aquí hay un enlace a la publicación:
https://gramps.discourse.group/t/genealogical-numbering-systems/230/5
Tu webmaster no hizo un gran trabajo entonces, ya que parece que todavía hay un enorme espacio vacío a la derecha.
Disminuyó el relleno izquierdo, pero mantuvo el relleno derecho tal como estaba.
La solución de @smrtey es la correcta; deberías eliminar completamente el relleno derecho.
Supongo que este relleno derecho se estableció para tener el relleno correcto para idiomas de derecha a izquierda, pero no tiene razón de estar aquí para un idioma de izquierda a derecha.
¡Gracias!
Hicimos algunas pruebas y terminamos prefiriendo tener un margen izquierdo y derecho reflejado de 15px.
Cuando intentamos comentar el margen derecho por completo, ¡no hubo ningún cambio! (Probablemente un problema de valores en cascada.)
Aquí está un enlace a nuestra discusión local con capturas de diferentes intentos.
Estranho.
Você tentou:
.cooked ul[dir="ltr"] {
padding-right: 0;
padding-left: 15px;
}
Se não funcionar e isso for sobrescrito por outras regras, você pode tentar um seletor mais preciso:
.topic-post .cooked ul[dir="ltr"] {
padding-right: 0;
padding-left: 15px;
}
No, no probamos un valor cero explícito. Siempre he sostenido que un cero se maneja con demasiada frecuencia como un caso especial en la transmisión de parámetros. Por lo tanto, tiende a ser una mala opción para diagnósticos experimentales.
Así que optamos por 15px… y no sentimos más presión para experimentar. Ese valor cumplió con nuestros requisitos.
Pero, sí, fue extraño que comentar el código no resolviera ese problema. ¡Y gracias!
Habría funcionado si hubieras comentado un padding-right: 40px; que ya existía, pero simplemente escribir //padding-right: 40px; como una nueva regla no tiene absolutamente ningún efecto.
La forma correcta aquí de cancelar el padding-right: 40px; existente es, de hecho, anular ese valor anterior con una nueva regla escribiendo explícitamente padding-right: 0;. 