---
title: "Como esconder a barra de navegação à esquerda no site da base de conhecimento"
slug: "how-to-hide-the-left-navigation-bar-in-knowledge-base-site"
description: "You wish to hide the left navigation bar or category manager by default in the Knowledge base site. You can hide this to enhance the readers' experience. However, readers can enable it by clicking the Show category icon adjacent to the article title."
tags: ["Knowledge base design", "Customization"]
updated: 2026-09-29T08:32:50Z
published: 2026-09-29T08:32:50Z
canonical: "docs.document360.com/how-to-hide-the-left-navigation-bar-in-knowledge-base-site"
---

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

# Como esconder a barra de navegação à esquerda no site da base de conhecimento

O painel de navegação à esquerda, também chamado de gerenciador de categorias, exibe a árvore de categorias de artigos no lado esquerdo do site da base de conhecimento por padrão. Para algumas bases de conhecimento, especialmente aquelas com layout focado em um único artigo ou experiência de leitura mínima, ocultar esse painel por padrão pode reduzir a desordem visual e ajudar os leitores a focar no conteúdo. Isso oculta completamente o painel, incluindo a opção de alternância para revelá-lo, para que os leitores naveguem apenas por meio de busca ou links diretos.

---

## Quando usar isso

Use essa personalização quando quiser:

- Proporcione aos leitores uma experiência de leitura mais limpa e sem distrações, escondendo o painel de categorias durante o carregamento da página.
- Apresente um layout mínimo de coluna única para documentação que não dependa fortemente da navegação baseada em categorias.
- Oculte o painel de navegação por padrão, permitindo que os leitores mostrem isso sob demanda.

---

## Antes de começar

- Você precisa de acesso às **Configurações** (

) > **site de base de conhecimento** > **Personalização do site** > **CSS & JavaScript personalizados** no portal da base de conhecimento.
- Esconder o painel de navegação à esquerda não remove a navegação completamente. Os leitores ainda podem clicar no ícone **Mostrar categoria** ao lado do título do artigo para revelar o painel.

---

## Como esconder o painel de navegação esquerdo

1. Navegar até **Configurações** (

) > **site da base de conhecimento** > **personalização do site** > **CSS & JavaScript personalizados** no portal da base de conhecimento.

![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. No painel de navegação à esquerda, selecione a aba **CSS** e cole o próximo trecho.

```
site-docs-left-panel-container{
display: none !important;
}
```

1. Clique **em Salvar** no canto superior direito.

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

---

## Desfecho

**Antes**

O painel de navegação esquerdo e o gerenciador de categorias são visíveis por padrão no site da base de conhecimento.

![Knowledge base site showing the left navigation bar visible by default before applying the CSS](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/12_ScreenShot-Customization.png)

**Depois**

O painel de navegação esquerdo e o gerenciador de categorias estão ocultos por padrão. Os leitores ainda podem clicar **em Mostrar categoria** para revelar o painel.

![Knowledge base site showing the left navigation bar hidden by default after applying the CSS](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/13_ScreenShot-Customization.png)

---

## Melhores práticas

- **Note a diferença entre oculto e removido.** Esse CSS oculta visualmente o painel — ele não é removido da página. Os leitores ainda podem acessar a navegação clicando em **Mostrar categoria**. Se você precisar que o painel seja completamente inacessível, essa abordagem sozinha não é suficiente.
- **Considere a estrutura do seu conteúdo antes de esconder.** Para bases de conhecimento com categorias profundamente aninhadas ou navegação frequente entre categorias, ocultar o painel por padrão pode dificultar a descoberta do conteúdo. Teste com uma amostra dos seus leitores antes de aplicar em todo o site.
- **Teste após salvar.** Abra o site da sua base de conhecimento e confirme se o painel está oculto ao carregar a página, e que ao **clicar em Mostrar categoria** , isso aparece corretamente.
- **Para reverter, exclua o trecho.** Navegue de volta para a aba **CSS** em **CSS Personalizado & JavaScript**, remova o trecho e clique **em Salvar**. O painel de navegação esquerdo reaparece imediatamente.