Responsive CMSMS V.2.0 site with 2nd level CSS3 menu

[geotek]

I was struggling quite a bit creating a responsive design based on CMSMS V.2 that uses CSS3-only navigation (no Javascript) and allows 2nd level menus that are useable even on smartphones with very small viewport. I started by modifying the simplex design but ended up rewriting much of it from scratch.

http://geotek.de

[master3395]

This responsive is really really good!

[newagekat]

Awesome site. I did the same thing, started with simplex and adapted as needed. However, i cannot figure out how to get a responsive nav. i've tried js scripts, but somehow it either hides the sub menus in desktop mode or does not show the toggle menu in mobile mode. very frustrating. this is my first attempt at responsive design, could you outline how you acheived your result? did you simple rewrite the main-nav in the css or did you include a specific script for responsive toggle?

if you feel like sharing, I'd really appreciate the file or a blow by blow

[geotek]

@newagekat: I tried several third party scripts and code snippets but I wasn't completely satisfied with any of them. So I ended up rewriting main-nav, templates and stylesheets. The navigation CSS was rewritten from ground up. It requires no javascript and it should work on all modern mobile browsers.

I am willing to share the GEOTEK design but it will require some cleanup because the scripts contain comments that were never meant to leave our company

Would anyone else be interested too?

[newagekat]

@geotek, yes i would be very interested. Thank you so very much. Let me know how I can be of assistance, if any

[geotek]

OK, the complete responsive design may be downloaded here:
GEOTEK_2_2015-12-12.xml

Works with CMSMS 2.0.1.1 and 2.1

[newagekat]

@geotek

thank you very much for the xml file. Question: i looked online for documentation on how to import a theme in the new 2.0, but it's not updated yet. any ideas?

much appreciated the help.

[master3395]

I think it's missing something
but it looks awesome on the image.
Running V2.1.2

Syntax error in template "tpl_body:52" on line 2 "{edit_floater_ka}" unknown tag "edit_floater_ka"

[Rolf]

I think it's missing something
but it looks awesome on the image.
Running V2.1.2

Syntax error in template "tpl_body:52" on line 2 "{edit_floater_ka}" unknown tag "edit_floater_ka"

Perhaps http://www.cmscanbesimple.org/blog/floa ... -edit-link