Hi,
It works exactly like it is intended to work. If a user clicks a menu link it goes to the page that the menu item links to. If you'd prefer the menu tab to be the default selected tab so that users will see the sub menus first when they arrive at a page you could move the tabs around in layout.master file to make the menu the tab the primary tab and then users will have to click the content tab to see the page content. Currently the content tab is the primary tab and it requires one click to get back to the menu to see child pages if the user is interested in navigating to child pages. With a small screen we can't show everything at once so we get things out of the way with the tabs and naturally the tradeoff is the tabs must be clicked to get to them. Also with a small screen it would be cumbersome to show the entire menu or site map at once but if you really don't like the mobile menu you could remove it from layout.master and put <portal:SiteMenu there and figure out your own way to style it so it fits well enough, but I think that will be difficult to achieve, that is why I made a custom menu just for mobile devices that doesn't show the entire site map of pages all at once. So other than the choice of using the mobile menu or the <portal:SiteMenu it is also possible to implement your own custom menu control in code if you feel you could implement something better.
Other options include
-
adding a Child Page Site map feature to the page (marked as mobile only in settings to keep it out of the main site display) so users will see sub menus right in the page content tab as soon as they arrive at a page
-
arranging your site hierarchy so the most common or most important pages are not too deep
Hope that helps,
Joe