seems javascript might be part of answer...

Some links:

Browser detection
http://www.askdavetaylor.com/detect_...te_server.html
http://www.w3schools.com/js/js_browser.asp
http://www.pageresource.com/jscript/jbrowse.htm

Show/hide content
http://www.cssnewbie.com/showhide-co...ss-javascript/

JavaScript redirection
http://www.pageresource.com/jscript/jredir.htm

Thanks Rodney,

Rather than dev 2 different skins, I just wanted a menu system that works without needing the mouse to "Hover"  -- I was able to get the NavList menu to work with javascript ... only test on iphone but assume it works many other smart phones... probably not all

1. Download mdetect.txt at http://www.hand-interactive.com/resources/detect-mobile-javascript.htm

2. Change mdetect.txt to mdetect.js and put it in your skin folder

3. Download and install Snapsis NavList (http://www.snapsis.com/Free-DotNetNuke-Modules.aspx)

4. In skin.ascx, make sure you have the following near the top:


<%@ Register TagPrefix="simpleNav" Namespace="Snapsis.DNN.Skins" Assembly="Snapsis.DNN.NavList" %>

<script type="text/javascript" src="<%= SkinPath %>mdetect.js"></script>



5. Wherever you want the NavList, paste the following (in skin.ascx -- you can change the CSS!!!)



 <script type="text/javascript">
<!--

if (DetectMobileQuick())
{document.write("<style type=\"text/css\"> .showifmobile {visibility:visible; position:absolute; top:10px; z-index:4; left:10px; font-size:12px; background:#EEE;} </style>");
  }

else {document.write("<style type=\"text/css\"> .showifmobile {visibility:hidden;position:absolute; top:10px; z-index:4; left:10px; font-size:12px;} </style>");
  }
// -->

</script>
   
   <div class="showifmobile">Mobile Menu: <simpleNav:NavList id="navList"  Level="0-3" IncludeTabs="*" ExcludeTabs="" runat="server" />
   </div>