Is style.backgroundColor property of header supposed to change the entire header (ie. center background, or only the sides)?

I am trying to set the background color of the header to the dark blue seen on the outer edges but the background style prop doesn’t effect the center background. Is there a property that I’m missing or is it not possible to change color of the entire header with code?

$w (“#header”). style . backgroundColor= “rgba(255,0,0,0.5)”;

I’ve tried following the examples to change the style onScroll but my code ended up unnecessarily complicated.
Thanks in advanced


You can try to put a strip in the header, upload 1-pixel image with the color you want to apply, and usehttps://www.wix.com/velo/reference/$w/columnstrip/background to change the src.

P.S,
This solution is for the classic editor and since I only work with EditorX (where the problem has an easier solution), I’m not sure the suggested solution will work, I’m also not sure there isn’t simpler solutions. Maybe someone else who used to work with the classic editor?