Resize menu background

Hi,

Here is my website http://www.worldofamsterdam.com/ and i added some background color for the main menu. How you can see is black but i find the height too much. How can i resize the height on the bg main menu?

Thank you for your replay

Hi @worldofams – how did you add the colour? Want to do that, too. :slight_smile:

Hello there,

It happens as your logo image has too much top and bottom spaces. Please edit your image and remove the unnecessary spaces, then reupload it.

Regards,
Kharis

Hello Tere,

Use the following CSS code:


.site-header.float-header {
  background-color: rgba(242,16,229,0.9); 
}  

@media only screen and (max-width:1024px) {
  
  .site-header {
    background-color: #f210e5;
  }
  
}

and insert it into Appearance > Customize > Additional CSS in your site dashboard.

Regards,
Kharis

Thanks!

You’re most welcome here!

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

Actually, it is not working as intended, the text still scrolls on top of the menu items:
http://ecsa.io/

Hello there,

Thank you for the followup! Could you please open a new topic and elaborate your question more detail, so I can assist you in better way?

Regards,
Kharis