Thanks. I’ve whitelisted your IP. Please let me know if/when you’re able to log in to hopefully resolve the issue with the menus.

Please advise: Problem not resolved. Menu now doesn’t drop down at all when I hover over it.

## Menus
————————————————————–*/

#main-nav {
background-color: #294a70;
border-bottom: 5px solid #f4a024;
display: inline-block;
float: left;
width: 100%;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.main-navigation ul {
margin: 0;
padding: 0;
}

.main-navigation ul ul {
background: #294a70 none repeat scroll 0 0;
box-shadow: 0 1px 2px;
display: none;
left: 0;
margin: 0;
min-width: 200px;
position: absolute;
top: 44px;
z-index: 9999;
}

.main-navigation ul ul ul {
left:100%;
top: 0
}

.main-navigation li {
position: relative;
display: inline-block;
margin-bottom:0;
float: left;
}

.main-navigation li li {
float: none;
display: block !important;
}

.main-navigation li: hover > ul{
display: block;
}

.main-navigation ul li a {
color: #ffffff;
border-right: 1px solid #fff;
display: block;
font-size: 14px;
font-weight: normal;
padding: 10px 10px;
position: relative;
z-index: 99;

}
.main-navigation ul li:first-child > a {
border-left: 1px solid #fff;
}
.main-navigation ul li li:first-child a {
border-left:none;
}
.main-navigation ul ul a {
border-bottom: 1px solid #dddddd;
border-left: none;
border-right: none;
color: #fff;
font-size: 14px;
height: auto;
padding: 9px 15px;
text-align: left;
width: 100%;
}

.main-navigation ul li.menu-item-has-children > a::after,
.main-navigation ul li.page_item_has_children > a::after {
content: “\f107”;
font-family: FontAwesome;
margin-left: 10px;
margin-right: 0;
position: absolute;
right: 10px;
top: 12px;
}

.main-navigation ul li li.menu-item-has-children > a::after,
.main-navigation ul li li.page_item_has_children > a::after {
content: “\f105”;
top: 10px;
}

.main-navigation ul li.menu-item-has-children a,
.main-navigation ul li.page_item_has_children a {
padding-right: 30px;
}

.main-navigation li a:hover,
.main-navigation li.current-menu-item > a,
.main-navigation li.current_page_item > a,
.main-navigation li:hover > a{
background:#f4a024;
color: #fff;
}
.enabled-sticky-primary-menu #main-nav.fixed {
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999999;
margin: 0;
}
.enabled-sticky-primary-menu #main-nav.fixed .container {
max-width: 1170px;

Thanks for your feedback. Unfortunately, the issue hasn’t been resolved. The original theme already contained the CSS you suggested, although I went ahead and added it under Additional CSS again.

Now the drop-down menu doesn’t even appear when I hover over the main menu.

Here’s the full CSS:

#main-nav {
background-color: #294a70;
border-bottom: 5px solid #f4a024;
display: inline-block;
float: left;
width: 100%;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.main-navigation ul {
margin: 0;
padding: 0;
}

.main-navigation ul ul {
background: #294a70 none repeat scroll 0 0;
box-shadow: 0 1px 2px;
display: none;
left: 0;
margin: 0;
min-width: 200px;
position: absolute;
top: 44px;
z-index: 9999;
}

.main-navigation ul ul ul {
left:100%;
top: 0
}

.main-navigation li {
position: relative;
display: inline-block;
margin-bottom:0;
float: left;
}

.main-navigation li li {
float: none;
display: block;
}

.main-navigation li: hover > ul{
display: block;
}

.main-navigation ul li a {
color: #ffffff;
border-right: 1px solid #fff;
display: block;
font-size: 14px;
font-weight: normal;
padding: 10px 10px;
position: relative;
z-index: 99;

Please advise!!!!