Gradient color scheme for site-header and navigation header

Hello dear GP and Team...

I was creating a new personal website for myself.

Trying to check previous support threads to pick a solution to use Gradient color scheme for the header.

I found some hints and modified the code.

.site-header {
    background: -webkit-linear-gradient(-30deg,#00004d 0%,#5333ed 49%,#2cd4d9 100%);
}

This code is added in the Additional CSS Section

and My site header Looks almost good...

But, how can I use the same for the Navigation bar together?

Currently, the Navigation bar shows white - not align this color.

I know some small modifications in the above code will work.

What actually I want,

Left to right ( entire header ) in the same color scheme.

is that Possible? if yes How...?