Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Suggestions on a Responsive/Mobile Navigation

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #39130
    Jeremy Englert
    Participant

    http://www.mcfaddengavender.net/newmg/services/

    If you visit the above link and make your browser 480px or less, you will see the mobile navigation I have designed. However, I have yet to figure out a way to have the children navigation links display.

    Ideally, I would like to be able to click on a parent element and have the child elements slide into place, pushing the other parent elements downward – however, I’m assuming that way be rather complicated.

    Another idea was to have the children elements only appear in the navigation when you are on a parent page that has children links. For example, if you clicked the “Services” page, once that paged loaded the navigation would now include all of the parent elements as well as the child elements of services. You can see an example of this at RedManPowerChair.com.

    Suggestions and thoughts on how to implement the code? I would put the code into CodePen, but because the links are dynamic, things get a bit busy.

    #107025
    Paulie_D
    Moderator

    You might want to look into Twitter Bootstrap. It’s not going to do exactly what you are after but I have found, after some fiddling, it’s pretty good for responsive menus with sub-menus.

    #107198
    davidlab.be
    Participant
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.