- This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hey guys I currently have a side menu that was done in superfish so its multi-leveled. I was wondering what would be the best way to convert a menu like this into a responsive design implementation. My approach was to just put the whole thing under a nav list but the menu can be quite long in some instances. This led me to do this approach [Collapsible Tree Menu](http://bootsnipp.com/snipps/collapsible-tree-menu “Collapsible Tree Menu”). Do you guys know what is the best way to go about this?
Thanks
This may be something you’d be interested in: [Github](https://github.com/NicholasRBowers/CSS-Slider-Menu “NicholasRBowers on Github”).
Example of it live is here: [JSfiddle](http://jsfiddle.net/NicholasRBowers/PPZ8b/embedded/result/ “NicholasRBowers on JSfiddle”).
Saw a few examples of that flyout nav, wasn’t sure how I would display the children of the links
Do you mean sub-menus? It displays them as slightly indented (links 6 through 10).
Yeah, on he live example it looks all the same indentation. But I guess the reason why I am hesitant to do is this way is lets say the menu is 3-4 levels deep than the height of the smallest links would be even greater than some of that above it (on a mobile device). I’m sure I can do some css to make it style better for those cases but it seems maybe I should be doing some like this with something that sony.com has with its menu.