Anyone knows how to set the Employee Center header to fixed instead of fluid (max width)

[Alex87]

Hi, I have a requirement to set the Employee Center header to the same width as the rest of the page > Employee Center pro. So fixed size and not fluid whereby max width is being used.

[RodGallegos]

Hey there Alex, 

I'm not too sure what you mean by the challenge you're facing. The footer and header are separate widgets, so it makes sense that potentially they'd have different background colors. But you can quickly fix that by applying the same CSS class to both the header and footer widgets so that you can leverage one rule to apply the same color. Lastly, I'm not sure what you mean by "but that has not a split row in it". Do you have screenshots? Please share when available and mark my comment helpful if it resolved your initial inquiry so that others can leverage this thread for a solution. Cheers!

[Alex87]

Hi there,

i mean this. The header has two lines. each line has a different background color. For me the top one is purple and second line has a white background. 

[RodGallegos]

Pretty sure you can change that in the Portal Config. 

Was your initial question answered? Cheers!

[Alex87]

Not by using the container method. So it squeeze the normal header to that fixed size.. but the remaining space of the background is white (left and right site). in the previous screenshot i just place purple background color to that area (.sp-page-root header ). Problem is that two invisible lines. that doesnt exist where my marks are (below picture). It is just one big area (named .sp-page-root header).

[Ct111]

I think the below link will be good reference point for your use case.

You might have to end up creating a new header and paste the code which is given in this link

and then use that header on your portal settings.