I've searched the forums on How to Make The Page Menu Bar Transparent and saw several ask the same question, but none of the solutions worked. I've tried entering the following into CSS Inserts:

ul.rMenu {
background: none;
border: none;
}

ul.rMenu {
background: transparent;
border: none;
} 

ul.rMenu {
background: none;
border: none;
}

ul#rmenu2 {
background: transparent;
} 

ul#rmenu2 {
background: none;
} 


ul#rmenu1 {
background: transparent;
} 

ul#rmenu1 {
background: none;
} 

None of these achieve the transparent background. You can see the issue here: gofastweightloss.com

Any help is appreciated. The theme is fabulous by the way!

try

div#menu1 ul.rMenu {
background:transparent;
}

To make the border disappear:

div#menu1 ul.rMenu {
background:transparent;
border-bottom:transparent;
border-top:transparent;
}

I found that this does the trick to make the entire menu bar transparent, pasted right into ATO > Add HTML/CSS Inserts:

div#menu1 ul.rMenu {
	background:transparent;
	border-bottom:transparent;
	border-top:transparent;
}
ul.rMenu li a:link, ul.rMenu li a:active,
ul.rMenu li a:visited, ul.rMenu li {
	background: transparent !important;
}
ul.rMenu li a:hover {
	background: transparent !important;
}

Hi!

my first comment!! I found that this does work for me since i wanted to keep the text links full color:

div#menu1 ul.rMenu {
	background-color: rgba(255,255,255,0.65);
}

ul.rMenu li a:link, ul.rMenu li a:active,
ul.rMenu li a:visited, ul.rMenu li {
	background: transparent !important;
}

ul.rMenu li a:hover {
	background: transparent !important;
}