I'm trying to make my website more responsive, but I can't figure out how (if it's possible) to make my nav menu change orientation if the browser window size crosses a threshold. i.e. If the window width was 600px and the user changed the window width to 1000px, then I would want the menu orientation to change from horizontal to vertical when the 900px mark has been crossed.

I've been looking for a while, but I haven't found a viable solution. It looks like there was some experimentation with it in ASP.Net 2.0, but i'm skeptical to try it because it is severly outdated and probably won't work.

I know I can do something where I have in my CodeBehind for my MasterPage to look at the theme and, depending on the theme, change the menu orientation what I want for that theme. The problem with that solution is that it's entirely on the server side and it wouldn't make the layout responsive.

Hi there,

I would look into Bootstrap. It's a great framework for responsive sites. A menu that adapts is pretty simple to implement. Here's an example: http://getbootstrap.com/examples/navbar/

The ASP.NET Menu doesn't work well with Bootstrap, but it should be fairly easy to replace it with static HTML or something like a Repeater control top output clean HTML.

Cheers,

Imar

__________________
Imar Spaanjaars
http://Imar.Spaanjaars.Com
Follow me on Twitter

Author of Beginning ASP.NET 4.5 : in C# and VB, Beginning ASP.NET Web Pages with WebMatrix
and Beginning ASP.NET 4 : in C# and VB.
Did this post help you? Click the button below this post to show your appreciation!