How do I make the drop-down menus opaque?

On the main navigation bar of the Butterbelly theme, the dropdown menus are partially transparent. The header image shows through the drop-down menus and makes them hard to read. How can I make the drop-down menus opaque? Can you please send me some CSS code that will make the drop-downs 0% transparent?
Thank you.

 

Hi,

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard

Code:

ul.children{
  opacity: 1;
}

Regards,
Sameer

 

I pasted the code as you instructed and saved changes, but there was no change to the transparency. The drop down menus are still partially transparent and the text in the header shows through. This makes the drop-down menu items hard to read and doesn't look good. The default white color is OK, I just need the menus to be opaque so the background does not show through.
Can we try something else, please?
Thank you for your response.

 

Hi,

Kindly provide your Site URL.

Regards,
Sameer

 

Hi,

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard

Code:

#menu .ddsmoothmenu li li {
  background: #fff;
  }

Regards,
Sameer

 

That worked well - thank you.