# Hamburger-icoon voor de zijbalk is niet zichtbaar
**URL:** https://meta.discourse.org/t/hamburger-icon-for-the-sidebar-is-not-visible/252342
**Category:** Support
**Created:** [19 januari 2023 om 20:04 UTC](https://meta.discourse.org/t/hamburger-icon-for-the-sidebar-is-not-visible/252342 "2023-01-19T20:04:23Z")
**Posts on this page:** 6
**Page:** 1
### Author:  [@RHEE](https://meta.discourse.org/u/RHEE)
#### Post date: [19 januari 2023 om 20:04 UTC](https://meta.discourse.org/t/hamburger-icon-for-the-sidebar-is-not-visible/252342/1 "2023-01-19T20:04:24Z")
I’ve just setup the sidebar feature, and figured out the hamburger icon is not visible, like this:
But when I hover my mouse in the box, it somehow appears its icon:
How can I show the icon even when I’m not pointing my cursor in the box?
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [19 januari 2023 om 21:11 UTC](https://meta.discourse.org/t/hamburger-icon-for-the-sidebar-is-not-visible/252342/2 "2023-01-19T21:11:22Z")
Hello,
It seems to your `--header_primary-low-mid` (which is the default header buttons) color variable is same color as `--header_primary` (header) color (#fff). This is why the sidebar icon is not visible. As I see on your site you are using the `--tertiary` color variable to the other header icons. You can also change the sidebar button color. Or you can change the` header_primary-low-mid` color to make it visible.
Create a new theme component or add this to an existing one
Desktop \> CSS
```scss
.header-sidebar-toggle {
button {
.d-icon {
color: var(--tertiary);
}
}
}
```
---
### Author:  [@RHEE](https://meta.discourse.org/u/RHEE)
#### Post date: [19 januari 2023 om 23:18 UTC](https://meta.discourse.org/t/hamburger-icon-for-the-sidebar-is-not-visible/252342/3 "2023-01-19T23:18:07Z")
Thanks for your prompt reply!
But I still cannot find the right variable you are mentioning:
Which one?
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [20 januari 2023 om 06:40 UTC](https://meta.discourse.org/t/hamburger-icon-for-the-sidebar-is-not-visible/252342/4 "2023-01-20T06:40:42Z")
Well, as I see non of these can controls header buttons color. This is a custom theme where you can change the colors. I think this is a remote theme so probably you cannot change the color variable color but you can check it on the` /admin/customize/colors` (Admin \> Customize \> Colors) page. On that page select the Color Palette you use and search for the `header_primary-low-mid` variable. If you cannot change it then you need to contact with the theme creator.
OR
You can try to add a new theme component which will change the sidebar button color.
1. Go to `/admin/customize/themes/`
Customize → Themes
2. Click the **Components** tab and then the Install button
3. On the popup window click + Create new tab and type the new component name.
1. Click Create button.
2. The component created. Now select which theme(s) you want to activate it.
3. Click the Edit CSS/HTML button.
4. Click the **Desktop** tab and paste the below code to the **CSS** section.
```scss
.header-sidebar-toggle {
button {
.d-icon {
color: var(--tertiary);
}
}
}
```
1. Click Save button. Done 🙂
---
### Author:  [@RHEE](https://meta.discourse.org/u/RHEE)
#### Post date: [20 januari 2023 om 10:07 UTC](https://meta.discourse.org/t/hamburger-icon-for-the-sidebar-is-not-visible/252342/5 "2023-01-20T10:07:00Z")
Amazing, thanks for your help. It perfectly solved my issue =]
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [19 februari 2023 om 10:07 UTC](https://meta.discourse.org/t/hamburger-icon-for-the-sidebar-is-not-visible/252342/6 "2023-02-19T10:07:06Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.