I have a palette drop-down menu in Sharepoint 2010 that works fine with the mouse, but what I'm also trying to achieve is to force the menu not to reload the page on the mobile device (since the user needs to click the drop-down menu on the menu) and act more like onHover , I tried removing href for the menu, but did nothing. I also compared my application with other users who used sharepoint, which work well on mobile devices, and I cannot understand what they are doing.
Is this some kind of css that I am missing? if you come across this before i will be very grateful for your help.
here are the properties set in the asp menu:
<SharePoint:AspMenu ID="TopNavigationMenuV4" Runat="server" EnableViewState="false" DataSourceID="topSiteMap" AccessKey="<%$Resources:wss,navigation_accesskey%>" UseSimpleRendering="true" UseSeparateCss="false" Orientation="Horizontal" StaticDisplayLevels="1" MaximumDynamicDisplayLevels="2" SkipLinkText="" CssClass="s4-tn"/>
and this is the html that is generated when viewing the source:
<li class="static dynamic-children selected"><br> <a class="static dynamic-children selected menu-item" title="Home" href="/sites/Test/Pages/default.aspx" accesskey="1"> <span class="additional-background"><br> <span class="menu-item-text"><br> Test <br> </span>
source share