[Support request] Gradient color scheme for site-header and navigation header

[Sibi Paul]

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…?

[Elvin]

Hi,

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

This color you see is set on Appearance > Customize > Colors > Primary Navigation.

You can remove this by simply reducing the alpha value of the background and hover background color as shown here:

https://share.getcloudapp.com/GGurw26k

[Sibi Paul]

I tried it…

Really worked,

Thanks a lot.

[Elvin]

Nice one. No problem. 🙂

[Author]

Posts