Mobile header wrap color coding

Hi guys

I am pretty new to website design and have a few issues on my website.

I am using Themify Ultra builder for my website, when I view my website on my mobile, the menu header wrap color is similar to the menu background color, so I would like to change that to a lighter color so it is visible(the three lines indicating the menu) on the right hand side.

Whenever I try to make changes in Themify>Customize settings my logo disappears. It happened before and somehow I managed to get the logo back after struggling for a while, so I would prefer just to add custom CSS inside the Themify>Cutomize>Custom CSS. When I right click over the menu in Chrome>Inspect I get the following;

#headerwrap{
color: #000;
}

When I just disable the color box thingy next to color it becomes lighter which is perfect, but when I try to add the coding into custom CSS I get an error saying:

Expected (<color>) but found ‘ #ffff’.

So I would just like to know what coding should I put in custom CSS for this to work to change the color a lighter color.

Any help would be much appreciated.

Website:

Regards
Anton

• This topic was modified 7 years, 4 months ago by Jan Dembowski.
• This topic was modified 7 years, 4 months ago by Jan Dembowski.

The page I need help with: [log in to see the link]