I am working on designing a site, which will be used both for desktops and mobile devices, and I am trying find a way of using a traditional drop-down menu, that could become better fitted in a mobile environment. (Something like an accordion or similar would be ideal)
Any and all suggestions are welcome 🙂
If you are looking for something that could transition a drop-down menu into something like an accordian, which retains the same functionality and is quite common on mobile devices, you may want to check the following link out: (It is done purely using CSS)
CSS Science | Responsive Dropdown to Accordian (With Demo)
(This basically transitions your drop-down menu into an accordion when the browser width is less than 500, which should meet your needs for a “mobile” environment.)