Sticky Header

Greetings,

The code doesn't work!

The template is Yoga.

Tried this code to change the header colour, also didn't work:
.sp-page-title:before{
background: linear-gradient(180deg,rgba(3,25,46,0) 0%,rgb(51 106 157 / 75%) 83.85%) !important;
}

https://prnt.sc/QnCI_Hy5vOOA

Greetings,

is there any update on this matter?

Regards
Chris

sorry, my mistake.

Hi. Here is code for header color ( gradient) with default values. Change to yours

#sp-header::after {
    background-image: -webkit-linear-gradient(137deg,#FF5757 0%,#764AFF 100%);
    background-image: -moz-linear-gradient(137deg,#FF5757 0%,#764AFF 100%);
    background-image: -o-linear-gradient(137deg,#FF5757 0%,#764AFF 100%);
    background-image: linear-gradient(137deg,#FF5757 0%,#764AFF 100%);
}

If you do not want to use the gradient, but you want a solid color, then use such a code

#sp-header::after {
    background-image: none !important;
    background-color: #000;
}

Make shure that Sticky Header option is ON.

I also want to note that Yoga uses the outdated Helix 3 framework. I would recommend that you use some template based on Helix Ultimate framework.