Background color of the main menu

Hello,

I want the main menu to be displayed with a black background on all pages. How can I change the background from transparent to black?

Best regards

Kathrin

Hello Kathrin,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1025px) {
      .site-header:not(.float-header) {
        background-color: #000;
      }
    }

Regards,
Kharis

It works! Thank you, kharisblank!

Before you scroll, the background is very thick. Is it possible to set the height using a CSS code?

Greeting

Kathrin

Hello Kathrin,

Try this CSS code:

    @media only screen and (min-width: 1025px) {
      .site-header:not(.float-header) {
        background-color: #000;
        padding: 5px;
      }
    }

Regards,
Kharis

Thank you Kharis! You solved my problem!

Regards,

Kathrin

No problem Kathrin!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis