Documentation Index

Fetch the complete documentation index at: https://docs.document360.com/llms.txt

Use this file to discover all available pages before exploring further.

Haftungsausschluss: Dieser Artikel wurde durch maschinelle Übersetzung erstellt.

As of 22 Nov 2025, the Markdown editor has been upgraded from v1.4.10 to v3.2.2. The toolbar, layout, icons, and editor structure remain unchanged.

Wie man den Footer in der mobilen Ansicht versteckt

  • Veröffentlicht am Jun 22, 2026
  • 2 Gelesene Minute(n)
Prev Next

Individuelle Fußzeilen mit mehreren Spalten, Links und Branding-Elementen sind für breite Desktop-Bildschirme konzipiert. Auf schmalen mobilen Bildschirmen kann derselbe Footer beengt erscheinen, seinen Behälter überlaufen oder unverhältnismäßig viel Platz einnehmen, was das Leseerlebnis beeinträchtigt. Das Verstecken des Footers auf dem Handy ermöglicht es Ihnen, einen reichhaltigen Desktop-Footer zu erhalten und gleichzeitig auf kleineren Bildschirmen ein sauberes, übersichtliches Layout zu präsentieren.

HINWEIS

Das gilt nur für benutzerdefinierte Fußgänger. Es hat keinen Einfluss auf den Standard-Document360-Fußer. Für Informationen zum Einrichten eines benutzerdefinierten Fußes lesen Sie den Artikel über benutzerdefinierte Fußzeilen.

Wann sollte man das verwenden

Nutzen Sie diese Anpassung, wenn Sie möchten:

  • Verhindern, dass ein komplexer, mehrspaltiger Custom-Footer auf mobilen Bildschirmen kaputt oder beengt erscheint.
  • Verbessern Sie das mobile Leseerlebnis, indem Sie Footer-Inhalte entfernen, die auf kleinen Bildschirmen nicht nützlich oder zugänglich sind.
  • Setze ein responsives Layout an, bei dem der Fuß auf dem Desktop sichtbar, aber auf dem Handy unterdrückt ist.

Bevor du anfängst

  • Du brauchst Zugriff auf die Einstellungen (

    ) > Wissensdatenbank-Seite > Site-Anpassung > benutzerdefiniertes CSS und JavaScript im Knowledge Base-Portal.
  • Ein benutzerdefinierter Footer muss bereits auf Ihrer Knowledge Base konfiguriert sein. Dieses CSS verbirgt den Footer auf dem Handy, es erstellt keinen Footer.

  1. Navigiere zu den Einstellungen (

    ) > Wissensdatenbank-Seite > Site-Anpassung > benutzerdefiniertes CSS und JavaScript im Knowledge Base-Portal.

    Custom CSS and JavaScript settings panel in the Document360 Knowledge base portal

  2. Wählen Sie im linken Navigationsbereich den CSS-Tab aus und fügen Sie den folgenden Ausschnitt ein.

Versteckt den Fuß auf Bildschirmen bis zu 767px breit (Smartphones und kleinere Tablets).

@media only screen and (max-width: 767px) {
    site-footer-section {
        display: none;
    }
}

  1. Klicken Sie oben rechts auf Speichern .

    CSS tab showing the mobile footer hide snippet saved in the Custom CSS and JavaScript panel

Ergebnis

Der Footer ist auf mobilen Bildschirmen versteckt und wird wie üblich auf Desktop-Bildschirmen angezeigt.

Before and after comparison showing the knowledge base site footer hidden on mobile after applying the CSS

Best Practices

  • Passen Sie den Breakpoint bei Bedarf an Ihr Layout an. Wenn dein benutzerdefinierter Fuß bei einer breiteren oder schmaleren Breite als der Standard problematisch aussieht, ändere den max-width Wert im Snippet. Zum Beispiel kann max-width: 1024px man auf Tablets auch den Fuß ausblenden.
  • Teste es nach dem Speichern auf einem echten Gerät. Browser-Entwicklertools bieten eine vernünftige mobile Vorschau, aber Tests auf einem echten Smartphone bestätigen, dass der Footer am richtigen Bruchpunkt verschwindet und das Seitenlayout korrekt bleibt.
  • Überlege, was du verheimlichst. Wenn Ihr benutzerdefinierter Footer wichtige Links enthält, wie Kontaktinformationen, Rechtshinweise oder Support-Links, stellen Sie sicher, dass diese für mobile Leser auf anderem Weg, etwa über den Seitenkopf oder die Artikelnavigation, zugänglich sind.
  • Um zurückzusetzen, lösche den Ausschnitt. Gehen Sie zurück zum CSS-Tab unter Benutzerdefiniertes CSS & JavaScript, entfernen Sie den Ausschnitt und klicken Sie auf Speichern. Der Footer erscheint sofort wieder auf dem Handy.
Verwandte Artikel