Main Nav Background

I’m having contrast issues with the images behind the main navigation. No matter what color I change the headings to, they seem to blend into the image, making them very difficult to read.

How can I make a background behind the nav in a gradient color?

Thank you
Robert

Hello Robert,

Please try to use the following CSS code.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

@media only screen and (min-width: 992px) {
    header#masthead {
        background-color: rgba(0,0,0,0.6);
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thanks! That word like a charm! :slight_smile:

You are welcome Robert! :slight_smile:

Kind Regards, Roman.