Top Menu subitems not appearing on hover

[ORLA]

Hello,

My top menu has 3 subitems under the “Locations” tab, and they are not appearing as a dropdown when I hover over that tab. As far as I can tell, they are placed correctly in the WordPress menu builder (just like my primary menu that works fine). Any way to fix this?

Thanks in advance!

[Zex]

Hello ORLA!

Try to insert the following codes into Customizing->General->Additional CSS:

.top-links .menu-item-has-children:hover ul{
    display:block!important;
}
.top-links ul.sub-menu li a {
    line-height: 15px!important;
}

Regards

[ORLA]

Thanks, that definitely worked to display the menu! Now, is it possible I can have the 3 items in that menu aligned together? The top item has no indent, while the other 2 do. Could I also space them out & change the text to black? Thanks for all your help!

[Zex]

Hi,
Add the following codes additionally:

.top-links ul ul li{
    height:50px!important;
   display: table!important;
    width: 100%!important;
 }
.top-links ul.sub-menu li a {
  display: table-cell!important;
  vertical-align:middle!important;
  line-height: 24px!important;
  padding-left:10px;
}
.top-links a{
    color:black!important;
}
.top-links a:hover{
  color: #1e73be!important;
}

Regards

[Author]

Posts