# 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:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![tomtjes](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tomtjes/32/131271_2.png) [@tomtjes](https://meta.discourse.org/u/tomtjes)
#### Post date: [May 3, 2023, 3:07pm UTC](https://meta.discourse.org/t/sidebar-header-dropdown-shows-two-columns/263691/1 "2023-05-03T15:07:04Z")

</div>

After a recent update, the header dropdown version of the sidebar shows two columns on my instance (Minima theme). Doesn’t feel intentional.

 ![Screenshot 2023-05-03 at 11.00.35](https://global.discourse-cdn.com/meta/original/4X/a/f/6/af643197c61b3f8696dfa455824e08200a017909.png)

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [May 3, 2023, 3:22pm UTC](https://meta.discourse.org/t/sidebar-header-dropdown-shows-two-columns/263691/2 "2023-05-03T15:22:57Z")

</div>

The extra column is intentional (per [this commit](https://github.com/discourse/discourse/commit/4cca7de22dda2bfa0939c75fb4fe405a93c0a87d)), but I don’t think it’s supposed to be that narrow 🤔

(cc @awesomerobot)

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [May 3, 2023, 4:10pm UTC](https://meta.discourse.org/t/sidebar-header-dropdown-shows-two-columns/263691/3 "2023-05-03T16:10:52Z")

</div>

i’m going to be rolling the drop down sidebar out on our site in the coming weeks (we use the legacy hamburger menu still). and i like the two column view that makes it visually more like the legacy menu. is the column width accessible via CSS code?

---

<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;
}

```

---

<div class="post-metadata">

### Author: ![tomtjes](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tomtjes/32/131271_2.png) [@tomtjes](https://meta.discourse.org/u/tomtjes)
#### Post date: [May 3, 2023, 6:34pm UTC](https://meta.discourse.org/t/sidebar-header-dropdown-shows-two-columns/263691/5 "2023-05-03T18:34:41Z")

</div>

Perfect, thanks for the quick fix and additional instructions!

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [May 3, 2023, 7:40pm UTC](https://meta.discourse.org/t/sidebar-header-dropdown-shows-two-columns/263691/6 "2023-05-03T19:40:00Z")

</div>

thank you for the detail @awesomerobot 🙂

---

<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 8, 2023, 12:01pm UTC](https://meta.discourse.org/t/sidebar-header-dropdown-shows-two-columns/263691/7 "2023-05-08T12:01:01Z")

</div>

This topic was automatically closed after 4 days. New replies are no longer allowed.
