I was able to get this working by putting the following in the Quick CSS settings:
.html_header_left .av-main-nav ul {
left: 0;
top: 32px;
}
ul.sub-menu
{
opacity:1!important;
visibility:visible!important;
}
.html_header_left .av-main-nav ul
{
float: left;
top: 0;
left: 0;
position: relative;
width: 100%;
border: 0px;
padding: 0px;
box-shadow: none;
}
.html_header_sidebar #top .av-main-nav ul a
{
padding: 5px 25px 5px 25px;
border: none;
font-size: 14px;
}
.html_header_sidebar #header .av-main-nav > li > a
{
padding: 15px 0px 5px;
}
.html_header_sidebar #header .av-main-nav > li
{
float:left;
width:74%;
}
.html_header_sidebar #header .av-main-nav {
padding: 20px 0 30px;
float: left;
}
Hmm – that helps with the placement of the pop out – but I want it to be static and not pop out at all. So that all menu items are showing at all times. I was trying to see if there was a setting for this. Since it doesn’t appear that there is, I will mess around with the CSS to see if I can get all items to display on page load instead of on hover.