# Sidebar header dropdown shows two columns

**URL:** <https://meta.discourse.org/t/sidebar-header-dropdown-shows-two-columns/263691>\
**Category:** Bug\
**Tags:** sidebar\
**Created:** [May 3, 2023, 3:07pm UTC](https://meta.discourse.org/t/sidebar-header-dropdown-shows-two-columns/263691 "2023-05-03T15:07:04Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [May 3, 2023, 6:17pm UTC](https://meta.discourse.org/t/sidebar-header-dropdown-shows-two-columns/263691/4 "2023-05-03T18:17:32Z")

</div>

> [@david](#):
>
> I don’t think it’s supposed to be that narrow

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:

> <https://github.com/discourse/minima/commit/0eff9799848c3875bec70e44dad8d0bdf793963b>

Thanks for reporting it @tomtjes!

> [@Lilly](#):
>
> i like the two column view that makes it visually more like the legacy menu. is the column width accessible via CSS code?

yes, the relevant CSS we’ve added is:

```scss
.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:

```scss
.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:

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

```

---

_[View the full topic](https://meta.discourse.org/t/sidebar-header-dropdown-shows-two-columns/263691)._