I have a hovering dropdown menu in Sharepoint 2010 that works fine with a mouse, but what I'm also trying to achieve is getting the menu to not reload the page on a mobile device (since the user has to click on menu dropdown) and act more like a onHover
, I tried removing the href
for the menu but that didn't do anything. I also compared my app to others made with sharepoint that work well on mobile, and i can't really see what they are doing different
is it some kind of css I'm missing? if you've run into this before I'd really appreciate 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 i view 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>