I am working on a design which requires a mega menu to popup when top link is hovered over. The top link is also a link and clicking on it takes the user to a specific page. While this works pretty well on desktops, on mobiles it becomes a problem since on clicking the top link user is directed to the page and I dont have an option for hover on mobile and I still need to show the mega menu.
A solution I thought of was using the first click on Mobile for showing the menu and the second click on the top link takes the person to that page.
One site which does that is etnies which when viewed on an ipad uses the single click to open the mega menu and the second click takes the user that top link page.
My question is that would be this be considered acceptable behavior when browsing on mobile or are there alternatives ? The option of having the top element not as a link is not a viable feasibility.