Multi Level Menu Problem - PLEASE help


My website is under development but can be viewed here:

On the home page menu, when navigating in the drop down, the next level does not display in line with the item, and this makes it difficult to navigate.

For instance if you choose Accounting Software > Sage Pastel Partner and then the “Partner Advantage” doesnt display in line, and navigating to it makes the menu close. Its frustrating and makes it difficult.

Can you please let me know how I can make the items to display in line with the particular section?

Thanks in advance!


Use this in a custom CSS plugin or child theme please:

#mainnav li:hover > .sub-menu > li > a {
     float: none;

Works PERFECTLY thank you so much! Vastly improves the UX