Sidebar header dropdown shows two columns

Contribute Bug
4

The theme forced the old menu to a single-column, that doesn’t work well with the new menu, so I’ve removed it here:

Thanks for reporting it @tomtjes!

yes, the relevant CSS we’ve added is:

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

So to get it back to one column you could do this in a theme:

.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section ul {
  grid-template-columns: 1fr; 
  // you can also do something like `30% 70%` if you want to edit the column widths
  // or `1fr 1fr 1fr` if you want 3 even columns
}

Or if you want the entire menu wider (the columns will adjust automatically) you could do something like this:

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