Выпадающий список заголовка боковой панели отображает два столбца

[tomtjes (Thomas Reintjes)]

После последнего обновления в моём экземпляре (тема Minima) выпадающее меню заголовка боковой панели отображается в два столбца. Кажется, это не было задумано.

[david (David Taylor)]

Дополнительный столбец добавлен намеренно (согласно этому коммиту), но, на мой взгляд, он не должен быть таким узким

(cc @awesomerobot)

[Lilly (Lillian)]

В ближайшие недели мы внедрим раскрывающуюся боковую панель на нашем сайте (мы до сих пор используем устаревшее гамбургер-меню). Мне нравится двухколоночный вид, который визуально напоминает устаревшее меню. Можно ли управлять шириной столбцов через CSS?

[awesomerobot (Kris)]

@david

Кажется, это не должно быть таким узким.

Тема принудительно перевела старое меню в одноколоночный режим, что плохо работает с новым меню, поэтому я убрал это здесь:

UX: remove max-width on hamburger menu (#3)

Спасибо, что сообщили об этом @tomtjes!

@Lilly

Мне нравится двухколоночный вид, он визуально больше похож на старое меню. Можно ли настроить ширину колонок через CSS?

Да, добавленный нами соответствующий CSS выглядит так:

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

Чтобы вернуть одноколоночный вид в теме, можно сделать следующее:

.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section ul {
  grid-template-columns: 1fr; 
  // Также можно указать что-то вроде `30% 70%`, если нужно изменить ширину колонок
  // или `1fr 1fr 1fr`, если нужны три равные колонки
}

Или, если вы хотите сделать всё меню шире (колонки подстроятся автоматически), можно сделать так:

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

[tomtjes (Thomas Reintjes)]

Отлично, спасибо за быстрое исправление и дополнительные инструкции!

[Lilly (Lillian)]

Спасибо за подробности @awesomerobot