Responsive menu doesn't work properply on a mobile

[alan_sh]

I am still 'playing' with responsive stuff, but I seem to have hit a problem and I am not sure where to go.

I have a site https://pennine2020.penninescouts.org.uk which works nicely on my desktop and resizes OK when I change my browser screen size. The meu is great with a mouse. Some of the menu items have submenus and here is where the issue is.

When I use a tablet or phone and the menu has sub-menus, the sub menus display, but I cannot get to the top level menu at all. FOr example, "Contact Us" has a load of blurb about why people should contact us and there are three sub menus, each with a form. I can get to the forms, but not the blurb.

The menu itself is in a master page, inside a page header, which is set to stack in front of content.

So, once again, what have I done wrong?

The actual build file is here https://www.dropbox.com/s/lmdkuouib8rq6 ... 0.wbs?dl=0

regards

Alan

[BaconFries]

When using a menu with sub menus it can only do one thing either the item triggers a link or the sub menu not both. Also there is no 'hover' state in mobile devices as for hover to work it requires a mouseover (use of a mouse) to trigger the effect (hover) and as it is a finger used in mobile then it will need a tap to show. To fix remove all the links from the items (about join us, contact us, members) that you have sub menus on and add them to the sub menus themselves, as for the use of 'hover' there is no fix sorry it works as it does just not on mobile devies.

[alan_sh]

Thank you - that's fixed it.

Alan

[Pablo]

See also this related topic:
viewtopic.php?f=59&t=83857