First Menu Item Not Being Selected

Problem: I have a menu which when you hover on the parent items it should show the first item. eg when you hover on 'Kayaks & Canoes' it should highlight the first item 2+ Pers

Solution 1:

The way to get the first item to show by default is to use an if statement which declares that: if the parent list item is display: block then it will also be that. When you hover over another one, you only need to tell the other items to be display: none. I don't have the time to fix all your code, but this is where to start. Give that a shot and then I'll help you finish it up.