Hi,

Use this custom css

.burger-icon>span{
    background-color: #d02929 !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards

Hey, good answer, it works. Thank you very much. But now the "X" is also white when I click on the menu. And I have just a white background.

I think there are three ways to solve the issue:

1. Changing the color of the "X" OR
2. Changing the background of the "X"
3. Changing the color of the whole background

Can 1 - 3 addressed separately?

Regards Kueppers

try this

a.close-offcanvas .burger-icon > span {
    background-color: red !important;}

Perfect, Paul. Thank you very much.

Regards Kueppers

we have those two above tips also here:

https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/customization-tips

you're welcome

You are most welcome Ulrich. Yes you can also follow our documentation which Paul already mentioned

Thank you