I have a nice drop-down menu on the pages at http://www.dlit.co.nz. This however is the non-responsive version of the site.
The responsive version, at http://www.dlit.co.nz/h2/try7.php, does not work. I've tried all sorts of tricks to get the drop down menu into place, which is a quite simple CSS/HTML menu borrowed from somehwere (sorry, I can't remember the original source but would be able to find it with some hunting).
I've tried all sorts of things - wraping each menu section in a div, making changes to the css, css inline, css in the header, css in a seperate file. Whatever happens, when I add my own CSS to the files it breaks.
The responsive site makes use of hidden elements to change the menu order among other things as the page size changes. As soon as I add CSS, the hidden bits in the menu become shown (only the hidden bits in the menu, not elsewhere on the page). Also, the <LI> tages become bullets in the RLM version.
Can any one give me some pointers to help me get this working? I am not after a full code, just a keyword or suggestion or few so I can get it going.
[Note : I am using "try7.php" as the the index.php will likely change often and maybe disappear, but if you want to check current progress see dlit.co.nz/h2]
Thanks in advance,
David