Marta Template: How to make the background of the dropdown menu slightly transparent?

Site URL: https://www.inoutatelier.com

Hi all!

Tried to use the search on the forum but the code I pasted in CSS doesn't seem to work. I needed the dropdown menu to be slightly more transparent, rather than a white background. 

Please give us the URL for your site. If you've not already done so please set up a site-wide password. Post the password here and then we can take a look at your issue.

Here's the link:

https://www.inoutatelier.com

Add the following to Design > Custom CSS.

.tweak-header-primary-nav-hover-style-fade .Header--overlay .Header-nav .Header-nav-folder {

  background-color: rgba( 255, 255, 255, 0.5 );
  
  }

.tweak-header-primary-nav-hover-style-fade .Header--overlay .Header-nav .Header-nav-folder .Header-nav-folder-item {

  color: black;
  
  }

The 0.5 is the opacity and is a number from 0 to 1. I think you'll need to change the color of the menu font as once the opacity is changed it is hard to read the menu items. I put in black as a place holder.

Let us know how it goes.

It works! Thank you!