Staff replied Helix Framework

Changing the color of the offcanvas menu

Asked by Ulrich 4 years ago Last activity 4 years ago

Hi,

I want to change the colour of the three lines of the offcanvas menu into white. Can someone give me the CSS code I have to insert?

Thanky you very much in advance

Kueppers

6 replies

Mehtaz Afsana Borsha Staff

4 years ago

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

Ulrich Asked this

4 years ago

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:

Changing the color of the "X" OR
Changing the background of the "X"
Changing the color of the whole background

Can 1 - 3 addressed separately?

Regards
Kueppers

Paul Frankowski Senior Staff

4 years ago

try this

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

Ulrich Asked this

4 years ago

Perfect, Paul.
Thank you very much.

Regards
Kueppers

Paul Frankowski Senior Staff

4 years ago

we have those two above tips also here:

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

you're welcome

Mehtaz Afsana Borsha Staff

4 years ago

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

Thank you