Grow your CSS skills. Land your dream job.

Suggestions on a Responsive/Mobile Navigation

  • # July 30, 2012 at 1:08 am

    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.

    # July 30, 2012 at 5:55 am

    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.

    # July 30, 2012 at 10:37 pm

    It’s a WordPress navigation, so implementing Bootstrap may be another challenge in itself.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".