I've been trying to get this site's menu looking good for some time. Went away from it for a while and finally got back to it. Started from scratch and making some headway.
Have the main menu bar looking the way we want it with the right gradient. However, somewhere along the line the arrows showing that there are additional menu items have disappeared. I do have it set for black in the settings. The menu code is below.
Also all of the sub menu items are white which I can live with but would prefer to have a color or maybe even a gradient. How can I get the same gradient on those? I'd like to have a line between each item but no borders on the main. I've played with settings and been reading posts for several hours and I've given up. I'm so close. (I think)
I also think I may have some excess code that doesn't belong but at this point I'm afraid to remove it. Thanks!!
Site is The Moxxability Group
div#menu1 {
border: solid 0px #ffffff;
}
ul.rMenu li a:link,
ul.rMenu li a:hover,
ul.rMenu li a:active,
ul.rMenu li a:visited,
ul.rMenu li {
background: none !important;
}
div#menu1,
div#menu1 ul.rMenu {
background: none;
}
/* ================================================== */
/* CSS for setting menu padding */
/* ================================================== */
ul.rMenu li {
padding-top: 0px;
margin: 0px 0px 0px 0px;
}
ul.rMenu-ver li {
padding-top: 5px;
margin-top: 0px 0px 0px 0px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
ul.rMenu,
div#menu1 {
height:22px;
border-style:transparent;
border-top-color:transparent;
border-top-width:0px;
background-color: transparent;
background:url(/wp-content/themes/atahualpa/images/menugradient1.gif) repeat-x !important;
}
div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active
{
padding: 1px 17px;
}
div#menu1 {
border-top: solid 3px #transparent;
border-right: solid 0px #transparent;
border-bottom: solid 1px #transparent;
border-left: solid 0px #transparent;
}
}
div#menu1 table {
border-bottom: transparent 10px #ffffff;
border-top: transparent 0px #ffffff;