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
Responsive CMSMS V.2.0 site with 2nd level CSS3 menu
- master3395
- Forum Members
- Posts: 94
- Joined: Mon Mar 30, 2015 7:13 am
- Location: Norway
Re: Responsive CMSMS V.2.0 site with 2nd level CSS3 menu
This responsive is really really good!
Re: Responsive CMSMS V.2.0 site with 2nd level CSS3 menu
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
if you feel like sharing, I'd really appreciate the file or a blow by blow
Re: Responsive CMSMS V.2.0 site with 2nd level CSS3 menu
@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?
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?
Re: Responsive CMSMS V.2.0 site with 2nd level CSS3 menu
@geotek, yes i would be very interested. Thank you so very much. Let me know how I can be of assistance, if any
Re: Responsive CMSMS V.2.0 site with 2nd level CSS3 menu
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
GEOTEK_2_2015-12-12.xml
Works with CMSMS 2.0.1.1 and 2.1
Re: Responsive CMSMS V.2.0 site with 2nd level CSS3 menu
@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.
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
- Forum Members
- Posts: 94
- Joined: Mon Mar 30, 2015 7:13 am
- Location: Norway
Re: Responsive CMSMS V.2.0 site with 2nd level CSS3 menu
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"
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"
Re: Responsive CMSMS V.2.0 site with 2nd level CSS3 menu
Perhaps http://www.cmscanbesimple.org/blog/floa ... -edit-linkmaster3395 wrote: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"
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
Migrating Company Directory module to LISE
- + - + - + - + - + - + -