HI, i'm messing around with media queries and dotnentnuke trying to have 2 menus on the same page but hide one depending on the screen size, however dotnetnuke just seems to use the last menu added as default across the board. Is there a way to add 2 menus(styled differently)  with same content on the same page?

This is my code

<%@ Register TagPrefix="ddn" TagName="MENU" src="~/DesktopModules/DDRMenu/Menu.ascx" %>

<%@ Register TagPrefix="ddn" TagName="MOBMENU" src="~/DesktopModules/DDRMenu/Menu.ascx" %>

 <div id="Nav"> <ddn:MENU MenuStyle="ULRazor" runat="server"></ddn:MENU> </div>

 <div id="MobNav"> <ddn:MOBMENU MenuStyle="ULRazorMob" runat="server"></ddn:MOBMENU> </div>

I don't think its a css issue rather a dotnetnuke issue. Can anyone from dotnetnuke chime in here?

Thanks

Dave