---
title: "Hoe je footer verbergt in mobiele weergave"
slug: "how-to-hide-footer-in-mobile-view"
description: "When you have a detailed footer, it appears better only on large screens. In this case, the footer would not feel appealing on smaller screens. So you would want to remove the knowledge base footer in the mobile view for a better reader experience."
tags: ["Customization", "Knowledge base design"]
updated: 2026-06-22T09:03:37Z
published: 2026-06-22T09:03:37Z
canonical: "docs.document360.com/how-to-hide-footer-in-mobile-view"
---

> ## 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.

# Hoe je footer verbergt in mobiele weergave

Aangepaste voetteksten met meerdere kolommen, links en brandingelementen zijn ontworpen voor brede desktopschermen. Op smalle mobiele schermen kan dezelfde voettekst krap lijken, overlopen of een onevenredig grote hoeveelheid ruimte innemen, wat allemaal afbreuk doet aan de leeservaring. Door de footer op mobiel te verbergen, kun je een rijke desktopfooter behouden terwijl je een schone, ongefilterde lay-out aan lezers op kleinere schermen presenteert.

> [!NOTE]
> OPMERKING
> 
> 
> 
> 
> Dit geldt **alleen voor aangepaste footers**. Het heeft geen effect op de standaard Document360-voettekst. Voor informatie over het instellen van een aangepaste footer, lees het artikel over [Custom footer](https://docs.document360.com/docs/nl/custom-footer).

---

## Wanneer dit te gebruiken

Gebruik deze aanpassing wanneer je wilt:

- Voorkom dat een complexe, meerkoloms custom footer kapot of krap lijkt op mobiele schermen.
- Verbeter de mobiele leeservaring door footer-inhoud te verwijderen die niet nuttig of toegankelijk is op kleine schermen.
- Pas een responsieve lay-out toe waarbij de footer zichtbaar is op desktop maar onderdrukt op mobiel.

---

## Voordat je begint

- Je hebt toegang nodig tot **Instellingen** (

) > **Kennisbanksite** > **Site-aanpassing** > **Custom CSS & JavaScript** in het kennisbankportaal.
- Een aangepaste footer moet al geconfigureerd zijn op je kennisbasissite. Deze CSS verbergt de footer op mobiel, het maakt er geen aan.

---

## Hoe de footer in mobiel zicht te verbergen

1. Navigeer naar **Instellingen** (

) > **Kennisbanksite** > **Site-aanpassing** > **Custom CSS & JavaScript** in het kennisbankportaal.

![Custom CSS and JavaScript settings panel in the Document360 Knowledge base portal](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Custom%20css%20&%20js.png)
2. Selecteer in het linker navigatiepaneel het **CSS-tabblad** en plak het volgende fragment.

Verbergt de voetvoet op schermen tot breed `767px` (smartphones en kleinere tablets).

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

1. Klik rechtsboven **op Opslaan** .

![CSS tab showing the mobile footer hide snippet saved in the Custom CSS and JavaScript panel](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1767005823666.png)

---

## Uitkomst

De footer is verborgen op mobiele schermen en blijft zoals gewoonlijk op desktopschermen verschijnen.

![Before and after comparison showing the knowledge base site footer hidden on mobile after applying the CSS](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1767006022000.png)

---

## Best practices

- **Pas het breekpunt aan zodat het bij je indeling past indien nodig.** Als je aangepaste footer problematisch begint te lijken bij een bredere of smallere breedte dan de standaard, verander dan de `max-width` waarde in het fragment. Bijvoorbeeld om `max-width: 1024px` ook de footer op tablets te verbergen.
- **Test op een echt apparaat na het opslaan.** Browserontwikkelaarstools bieden een redelijke mobiele preview, maar testen op een echte smartphone bevestigt dat de footer verdwijnt op het juiste breekpunt en de paginalay-out correct blijft.
- **Denk na over wat je verbergt.** Als je aangepaste footer belangrijke links bevat, zoals contactinformatie, juridische kennisgevingen of supportlinks, zorg er dan voor dat deze toegankelijk zijn voor mobiele lezers via andere middelen, zoals de siteheader of de navigatie van het artikel.
- **Om terug te draaien, verwijder je het fragment.** Ga terug naar het **CSS-tabblad** in **Custom CSS & JavaScript**, verwijder het fragment en klik op **Opslaan**. De voetvoet verschijnt onmiddellijk weer op mobiel.