2 Tone Menu Bar

What color are you looking to use or give us your URL.

Maybe 2 shades of purple. https://www.qualitymattresscorp.com

In your Child Theme or CSS Editor try this:

.navbar.navbar-default {
background: rgba(203,96,179,1);
background: -moz-linear-gradient(top, rgba(203,96,179,1) 0%, rgba(193,70,161,1) 50%, rgba(168,0,119,1) 51%, rgba(219,54,164,1) 100%);
}

Or try this one is more a purple:

.navbar.navbar-default {
background: rgba(175,135,245,1);
background: -moz-linear-gradient(top, rgba(175,135,245,1) 0%, rgba(175,135,245,1) 42%, rgba(84,57,126,1) 100%);
}

Erik, none of those work. They just turn the outer portion of the nav bar from white to a light purple. I want the main portion of the nav bar to be two toned to give it some depth.

Not sure what happen because I used the same theme and it worked fine for me.

Where are you putting your CSS?

I add the CSS with my Simple Custom CSS plugin. I achieved the effect on another site by using the Max Mega Menu plugin, but I’d rather do it with CSS. Here is the site: https://www.designhous.com

On your other site I do see your Nav bar was much smaller, did you already add some CSS to make the Nav not go completely across page?

Yes, but as a test I removed all my nav bar code and just added each of your code suggestions. Each time, the result was a wider nav bar with only one solid color.

Sorry,
I’m not sure what’s going on then.

Only way would be for me to look myself what you got going on in the backend.

But it’s not allowed via forum rules

Only way would be for me to look myself what you got going on in the backend.

And that’s not allowed.

And that’s not allowed.

I know I was just implying that I have no idea what’s going on becasue I tested it on same theme.

I was in no way trying to solicit work by any means.

@sneed, the “Simple Custom CSS” plugin is not active in your website.

Yes it is, that’s how I add custom CSS.

What CSS modification have you made through the Custom CSS?