I’m having a slight issue with the responsive css menu. When you reduce the browser width (before it reaches the breakpoint for the mobile menu), the buttons begin to stack - as expected. My problem is that when I hover over to show the sub-menu it drops behind the stacked menu option.
Also, while I’m here, is there any way that I can have the background (on hover) to be a different colour for each button?
Hover state doesn’t work for mobiles in the first place. There’s point-and-click … hat’s about it. Hover-state only works for desktop computers. Your desktop-hover has to be translated into mobile-click (active).
Furthermore … when tested, the menu seemed to work ‘as expected’, besides from the fact that the hover has to be changed into click for mobiles to work.