Drop down Menu color and fonts change

So I managed to change menu background and font color using following code but can’t change the drop down menu background color. How to do that?

nav#site-navigation * {
color: #fff;
nav#site-navigation {
background: #333333;

Also how to change font type and size for menu items? How to add social icons menu in top navigation menu? I can add it to the footer but I want to have it at the top.

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*drop down menu color*/
.menu > li > ul li a:hover, .dropdown-menu > .active > a:hover {
    background: black;
    color: yellow;

Best Regards,

Thanks, that worked. However there is white space next to the black nav bar. How to make complete nav bar white?