A capo del testo interrotto nella visualizzazione mobile a causa del componente del tema Easy Footer

Supporto
1

Su https://community.drownedinsound.com/, nelle ultime ore, è successo qualcosa al sito per cui l’andare a capo non viene più applicato, insieme ad altri strani comportamenti dell’interfaccia utente. Questo sta accadendo solo nella visualizzazione mobile.

image
image1920×779 190 KB

Ci sono un paio di thread in cui le persone si lamentano dello stesso comportamento, quindi non si tratta di qualcosa di specifico per il mio utente:
https://community.drownedinsound.com/t/thread-titles-arent-wrapping/66342

Puoi vedere dagli orari dei post che questo ha iniziato ad accadere circa 12 ore fa, quindi alle 20:30 (CEST) del 08-05-2022.

1 Mi Piace
2

Ciao,

Sembra che la causa sia questa Easy Responsive Footer
Il componente ha una riga CSS #main-outlet che causa questo problema.

C’è un altro report su questo problema nel topic del componente del tema.

Puoi usare questa rapida soluzione finché il problema non sarà risolto.
Vai su /admin/customize/themes e crea un nuovo componente.
Fai clic su CSS della sezione mobile e aggiungi quanto segue.

#main-outlet {
  width: 100%;
  max-width: 100%;
}

Screenshot 2022-05-09 at 10.49.53
Screenshot 2022-05-09 at 10.49.53323×208 12.4 KB

7 Mi Piace
3

Ho aggiornato il post qui sopra. Ho dimenticato di sovrascrivere la larghezza massima. @ma0sm , @AquaL1te

3 Mi Piace
4

Ciao! Grazie per questo. Tuttavia, quando provo ad applicare la correzione rapida nelle impostazioni di amministrazione, ricevo questo messaggio:

La modifica dei temi remoti è disabilitata in Discourse. Ti preghiamo di contattarci se hai bisogno di assistenza per la transizione di temi remoti personalizzati a un tema locale.

Quindi sembra che avremo bisogno del vostro aiuto per questo :slight_smile:

2 Mi Piace
5

Aggiungeresti un nuovo componente tema con lo snippet di codice aggiuntivo. :+1:

  • Vai su /admin/customize/themes
  • Fai clic su installa e poi su crea nuovo
  • Dagli un nome e seleziona ‘componente’.
  • Crea
  • Aggiungilo al tuo tema
  • Fai clic sul pulsante Modifica CSS/HTML e incolla il codice nel campo CSS nella scheda Mobile
  • E salva
4 Mi Piace
6

Grazie! Sembra aver funzionato! :grin:

3 Mi Piace
7

Sembra buono! Grazie mille per il tuo rapido aiuto!

7295b164b20a377a265b16e81812bb894b2c89b5
7295b164b20a377a265b16e81812bb894b2c89b53326×974 356 KB

ma c’è più spazio del previsto, credo. È qualcosa che verrà risolto quando sarà implementata la correzione completa?

1 Mi Piace
8

Penso che sia perché la pubblicità non è adatta alla larghezza del cellulare. Puoi provare a disabilitare il Easy responsive footer e l’altro componente che hai creato con lo snippet che ho postato prima. Solo per verificare se il problema del padding deriva dalle pubblicità o da altro?

Penso di aver trovato una possibile soluzione. :thinking:

Potresti aggiungerla allo stesso nuovo componente che hai creato prima per verificare come funziona? Incollala sotto lo snippet precedente @dis_whiterussian

.wrap {
  margin-left: unset;
  margin-right: unset;
}
5 Mi Piace
9

Grazie, sembra che abbia risolto!

3 Mi Piace
12

Ho aggiunto una correzione al piè di pagina facile

5 Mi Piace
13

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.