Ocultando itens no menu hambúrguer

Gostaria de remover alguns itens do menu hambúrguer, como Tags.

Vi um artigo semelhante que diz que é possível com CSS: How can I disable "About" menu in hamburger menu?

Mas não tenho certeza onde colocar este CSS em um plugin.

Olá,

Você precisa criar um novo componente para isso.

  1. Vá para /admin/customize/themes/
    Personalizar → Temas

  2. Clique na aba Componentes e depois no botão Instalar

  3. Na janela pop-up, clique no botão Criar novo e digite o nome do novo componente.

  4. Clique no botão Criar.

  5. O componente foi criado. Agora selecione em qual(is) tema(s) você deseja ativá-lo.

  6. Agora clique no botão Editar CSS/HTML.

  7. Agora clique na aba COMUM e cole o código abaixo na seção CSS.

Aqui você também pode direcionar o atributo title, mas provavelmente é melhor direcionar href porque ele é fixo e title muda em diferentes idiomas, então não é ideal.

.menu-panel li a.widget-link {
  &[href="/tags"] {
    display: none;
  }
}

Neste exemplo, ocultamos as Tags, mas você pode adicionar mais itens seguindo o código abaixo.

Isso ocultará Tags e Badges.

.menu-panel li a.widget-link {
  &[href="/tags"],
  &[href="/badges"] {
    display: none;
  }
}

Clique em Salvar. Pronto! :slightly_smiling_face:

2 curtidas

Aprendi muito com esta resposta. Muito obrigado!

1 curtida

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.