So I threw together about the most simple test I could (there's literally nothing on the page except the hamburger) to see what it would look like on a mobile device, and it works just fine on my desktop (hamburger displays, clicking with mouse expands the navigation below) but, as soon as I check it on any mobile device or using the developer tools in Chrome, the hamburger is still displayed but pressing on it does nothing. I've removed nothing from the code below and the only additional change I've made to the site was to include the reference to the sitemap within the Web.config file. Any ideas as to why such a simple example is not being kind to me?
ASPX Page
______________________________________________________
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="TestSite.Mobile.test" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
<telerik:RadMenu ID="RadMenu1" RenderMode="Mobile" runat="server" ShowToggleHandle="true" Height="115px" Skin="MetroTouch" CssClass="t-rwd-menu-mobile" DataSourceID="dsMobileSitemap"></telerik:RadMenu>
<asp:SiteMapDataSource ID="dsMobileSitemap" runat="server" ShowStartingNode="False" SiteMapProvider="mobileSitemap" />
</form>
</body>
</html>
ASPX.CS Page
______________________________________________________
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;
namespace TestSite.Mobile
{
public partial class test : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
}
}
mobile.sitemap
______________________________________________________
<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
<siteMapNode url="~/" title="home" description="Home">
<siteMapNode url="~/Mobile/Default.aspx" title="home" description="Home" />
<siteMapNode url="~/Mobile/Contact.aspx" title="contact us" description="Contact Us" />
<siteMapNode url="~/Mobile/DemoRequest.aspx" title="request a demo" description="Request a Demo" />
</siteMapNode>
</siteMap>