I've found an issue where 3rd level sub menu items are inaccessible. See the attached image for an example. I am unable to move the cursor down to "Our Venues" or lower menu items without the menu disappearing. Testing in Chrome and FF.

Help urgently appreciated

Many thanks

Hello Dotty,

Add the following in your template's custom.css file:

.mainHeader ul.menu ul li:hover ul {visibility:visible;}
.mainHeader ul.menu ul li > ul {visibility:hidden;}

and for the max 900px viewport:

@media screen and (max-width: 900px) {
.mainHeader ul.menu ul li > ul {visibility:visible;}
}

That worked perfectly Yiota - great support - many thanks :)

You are welcome.