---
title: "How to hide footer in mobile view"
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: ["Knowledge base design", "Customization"]
updated: 2026-03-10T04:32:19Z
published: 2026-03-10T04:32:19Z
---

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

# How to hide footer in mobile view

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.

> [!NOTE]
> ** NOTE
> 
> This is applicable only for **custom footer**. For more information, read the article on [Custom footer](/help/docs/custom-footer).

---

## Solution

1. Navigate to **Settings** (<nor class="fa-solid fa-gear" data-tomark-pass=""></nor>) > **Knowledge base site** > **Site customization** > **Custom CSS & JavaScript** in the Knowledge base portal.

![Site customization options for branding, theme selection, and custom CSS in Document360.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Custom%20css%20&amp;%20js.png)
2. From the left navigation pane, click the **CSS** tab and paste the following CSS snippet:

Knowledge base site 1.0Knowledge base site 2.0

```css
@media screen and (max-width: 469px) {.custom-footer {display: none;}}
```

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

1. Click **Save** on the top right.

![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1767005823666.png)

### Outcome

![Image showing before and after images of knowledge base site of hiding footer.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1767006022000.png)