Add an overlay under my logo and menu


How can i put a transparent white overlay just under the logo and menu area at the top of the header on desktop? Not to make the whole slide images with an overlay. Just the same size as when scrolling down.


You can try to use the following CSS code.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS.

@media (min-width: 1025px) {
    #masthead:not(.float-header) {
        background-color: rgba(255,255,255,0.5);

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

Kind Regards, Roman.

Perfect!! Thank you very much!!

You are welcome! :slight_smile:

Kind Regards, Roman.