Non sono un esperto di CSS in TV e non ho pernottato in un Holiday Inn ieri sera
ma, non potresti provare a modificare il padding nel CSS mobile per ul o li, magari riducendo padding-left in percentuale, in vw o semplicemente con pochi pixel in meno?
Probabilmente qualcuno qui potrebbe rispondere a questo nel sonno; potrebbe essere utile per tutti in generale e tu sei semplicemente il primo ad averlo notato
o forse no 
Grazie per il suggerimento. Ridurre i passaggi dell’indice da 4 a 2 aiuterà in parte. Ma sono più preoccupato per il padding speculare aggiunto sul lato destra! Sarebbe meglio eliminare completamente quel padding per i dispositivi mobili.
Puoi linkare a una pagina dove stai riscontrando il problema o copiare il post qui? È difficile capire cosa stia succedendo da quell’immagine. Nel mio esempio non c’è alcun rientro sul margine destro
Ecco quel post, se vuoi vedere come appare per te su mobile
Grazie! Questo è un sito Discourse piuttosto nuovo. Stiamo facendo esperimenti nella speranza di eliminare le nostre MailList per il progetto open source di genealogia ‘Gramps’. Quindi siamo nella parte più ripida della curva di apprendimento.
L’immagine è stata catturata dalla versione 4 dell’app Android. Lo stesso problema si riproduce su Chrome
Ecco un link al post:
https://gramps.discourse.group/t/genealogical-numbering-systems/230/5
Il tuo webmaster non ha fatto un ottimo lavoro, dato che sembra esserci ancora un enorme spazio vuoto sulla destra.
Ha ridotto il padding a sinistra, ma ha mantenuto quello a destra così com’era.
La soluzione di @smrtey è quella giusta: dovresti rimuovere completamente il padding a destra.
Immagino che questo padding a destra sia stato impostato per garantire il corretto spaziamento per le lingue da destra a sinistra, ma non ha motivo di esistere per una lingua da sinistra a destra.
Grazie!
Abbiamo fatto alcune sperimentazioni e alla fine ci è piaciuto avere un rientro speculare a sinistra e a destra di 15px.
Quando abbiamo provato a commentare completamente il margine destro, non è cambiato nulla! (Probabilmente un problema di valori a cascata.)
Ecco un link alla nostra discussione locale con screenshot dei diversi tentativi.
Strano.
Hai provato:
.cooked ul[dir="ltr"] {
padding-right: 0;
padding-left: 15px;
}
Se non funziona ed è sovrascritto da altre regole, puoi provare a usare un selettore più preciso:
.topic-post .cooked ul[dir="ltr"] {
padding-right: 0;
padding-left: 15px;
}
No, non abbiamo provato un valore esplicito zero. Ho sempre sostenuto che lo zero venisse gestito troppo spesso come caso speciale nel passaggio dei parametri. Di conseguenza, tende a essere una scelta poco adatta per le diagnosi sperimentali.
Quindi abbiamo optato per 15px… e non abbiamo sentito ulteriori pressioni per fare esperimenti. Quel valore soddisfaceva i nostri requisiti.
Ma sì, era strano che commentare il codice non risolvesse quel problema. E grazie!
Avrebbe funzionato se avessi commentato una regola già esistente come padding-right: 40px;, ma scrivere semplicemente //padding-right: 40px; come nuova regola non ha assolutamente alcun effetto.
Il modo corretto qui per annullare l’esistente padding-right: 40px; è infatti sovrascrivere il valore precedente con una nuova regola scrivendo esplicitamente padding-right: 0;. 