O menu suspenso do cabeçalho da barra lateral mostra duas colunas

Após uma atualização recente, a versão suspensa do cabeçalho da barra lateral mostra duas colunas na minha instância (tema Minima). Não parece intencional.

2 curtidas

A coluna extra é intencional (conforme este commit), mas acho que ela não deveria ser tão estreita :thinking:

(cc @awesomerobot)

3 curtidas

Estou implementando o menu lateral suspenso em nosso site nas próximas semanas (ainda usamos o menu hambúrguer legado). E gosto da visualização de duas colunas que o torna visualmente mais parecido com o menu legado. A largura da coluna é acessível via código CSS?

O tema forçou o menu antigo a uma única coluna, o que não funciona bem com o novo menu, então eu o removi aqui:

Obrigado por relatar, @tomtjes!

sim, o CSS relevante que adicionamos é:

.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

Portanto, para voltar a uma coluna, você pode fazer isso em um tema:

.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section ul {
  grid-template-columns: 1fr;
  // você também pode fazer algo como `30% 70%` se quiser editar as larguras das colunas
  // ou `1fr 1fr 1fr` se quiser 3 colunas iguais
}

Ou, se você quiser que o menu inteiro seja mais largo (as colunas se ajustarão automaticamente), você pode fazer algo como isto:

.hamburger-panel .revamped  {
   width: 500px;
}
6 curtidas

Perfeito, obrigado pela correção rápida e pelas instruções adicionais!

2 curtidas

obrigado pelo detalhe @awesomerobot :slightly_smiling_face:

3 curtidas

Este tópico foi fechado automaticamente após 4 dias. Novas respostas não são mais permitidas.