How can I change the color of portal button

[takanori1]

Hi, expert.

when I change web browser size to small, then 3 lines button display(see attachment).

What I want is change color.

I think it can be changed by CSS in Header Menu widget.

But I don't know what parameter should I change.

If I'm wrong, let me know what parameter in what area(for example, xxx widget) I should change.

I'm not good at CSS.

[Aishwarya Puri · Accepted solution]

Hi,

 Steps -application navigator -> service portal -> Headers & Footers -> Stock Header

For changing the color you have to make changes to the stock header widget

for this first clone that widget 

In the Html part, we have button tag

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sp-nav-bar">

Now for changing color write CSS for the class of buuton "navbar-toggle collapsed" 

CSS should be like this:

.navbar-toggle collapsed

{

color : #fff;

width: 20%;

}

   I hope it helped you if it did please mark it correct or helpful.

Warm Regards, 

Aishwarya Puri

[takanori1]

Thank you for your help.

I was wrong the place to set CSS script.