Textumbruch auf Mobilansicht aufgrund der Easy Footer-Themenkomponente defekt

Don · 9. Mai 2022 um 07:38

Hallo,

Dies scheint durch Folgendes verursacht zu werden: Easy Responsive Footer
Die Komponente hat eine CSS-Zeile #main-outlet, die dies verursacht.

github.com/discourse/Discourse-easy-footer

common/common.scss

6e2eee676


      
          // sticky footer
          #main > div:first-child {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
          }
          
          #main-outlet {
            flex: 1 0 auto;
            max-width: calc(100% - 20px);
            width: $large-width;
          }
          
          @media screen and (max-width: $large-width) {
            .custom-footer {
              .first-box {
                max-width: 100%;
                border-bottom: 1px solid rgba(var(--primary-low-rgb), 0.05);
                margin-bottom: 1em;
                padding-bottom: 1em;

Es gibt einen weiteren Bericht über dieses Problem im Thema der Theme-Komponente.

Sie können diese schnelle Lösung verwenden, bis sie behoben ist.
Gehen Sie zu /admin/customize/themes und erstellen Sie eine neue Komponente.
Klicken Sie auf den CSS-Bereich für Mobilgeräte und fügen Sie Folgendes hinzu.

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

Thema		Antworten	Aufrufe
Broken width responsive mobile UX completed	9	531	17. August 2023
Easy Responsive Footer Theme component official , easy-responsive-footer	109	38395	18. November 2025
Easy responsive footer is visible in chat Support easy-responsive-footer	1	44	18. Februar 2025
The mobile wrapping of my forum breaks frame Support	3	404	21. Juli 2022
Footer text moves around Support	1	568	12. August 2020

Textumbruch auf Mobilansicht aufgrund der Easy Footer-Themenkomponente defekt

Verwandte Themen