Menu Header

The menu header has a transparent background when you scroll down the home page (color #1c1c1c), I was wondering if this is possible to have before scrolling down so that my logo and menu options show up clearer against the slider images.

Website: www.pipelineis.com

Thanks

Hello @rockybenz,

Yes, this is possible. Please try to use the following CSS code to add that background color.

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.

#masthead {
    background-color: rgba(28,28,28,0.9);
}

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

Kind Regards, Roman.

Hi @Roman,

That worked nicely. Thank you so much

Is there code to resize my logo in the header to make it a little smaller or is that something I have to do before I upload the photo?

Thanks,

Rocky

Hello @rockybenz,

Please try this:

a img.site-logo {
    max-height: 70px;
}

Also I noticed that your logo dimensions are 3395×1000 pixels. I think that it’s too much for a logo, so I suggest you to compress it.

Kind Regards, Roman.