CSS Menu Writer and Responsive Design

Hi Everyone

I have been using the CSS Menu Writer for a couple years now and have had a lot of success. Now i am faced with a new issue... The menus are pretty much useless on any mobile device (phone or tablet) that requires "clicks" apposed to "Hovers".

Is there a way to make these CSS Menus work with mobile devices using responsive design? Or is there a simple way to edit the CSS to make it more cross-device friendly?

Are there any updates in the works for CSS Menu Writer in the near future?

Any help or advice would be greatly appreciated.

Mike T, one of our forum members posted the following thread on this topic the other day:
showthread.php?t=29212

Good start but does not appear to work in Safari on my MAC. This is a much needed update to CSS Menu writer...

NIck

I have submitted a feature request.

Safari doesn't allow you to resize your menu to the point where the mobile media query kicks in. That's why I referenced the browser resizer extension in my original post. Both Safari and Chrome have this problem. Must be a webkit browser thing. Firefox doesn't have this issue. If you view the link I posted on a phone (its intended context), it should work fine.

A lot of time has passed since I first posted that experiment. Looking back, its kinda crappy and not all that useful. I plan to revise it to include dropdown menus and have the entire menu system hide away behind the ubiquitous three line stacked icon, positioned in the corner (a.k.a. the burger icon).

Mike

Mikey -- have you made any progress in refining your previous efforts?

Not pushing of course -- I know how busy we all are. Would like to incorporate your results in a site we're now building. . .

Thanks -- happy holidays!!

Hi Mike,

I haven't, but thanks for the lighting the fire. I'll see what I can pull together over the holidays and post.

Happy holidays to you too!

Thanks, that was fast!

Have you worked this out? I am also in need of a menu that works in various media (mobile / ipads).

Hi Everyone. So I have started teaching myself how to design fluid layouts with Dreamweaver CS5. Traditionally I was doing fixed width 960px layouts and using MW for every design. Now that I am using the DW Multiscreen window and Media Query I am wondering how I can apply 3 different MW Layouts for the buttons on the site?

Working on the issue at 1:30am is probably not a good start… but if someone could point me in the right direction that would be great.

***UPDATE***

I am trying to move on to the Fluid Grid Layouts in Dreamweaver CC. I was thinking I could possibly show and hide 3 menus within the different break points. I have not tried it yet... I am slowly trying to figure all this responsive stuff out and how it will work with all my other extensions and dynamic content. Every example I see online just shows people making random static content.

I would love to see what people have been able to to with the MW extension within a responsive layout.