treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Making a Sub Menu for a nav not neccesarily a drop down menu

  • I want a nav menu where i can hover one nav element and reveal a sub menu beneath it. If you go to this site http://thematrix101.com/matrix/

    you can see that The Matrix nav is clicked and beneath that is a series of other menus. What i want is that effect but to happen on a hover effect for each nav. i don't want to have to click each nav to reveal its sub menu.

  • Please don't copy ANY code from the linked site.

    It's not using an actual menu for the 'sub-menu' just a bunch of links all jammed in as text....plus it's built using tables.

  • That was so helpful thank you. I'll be sure to ask you every time. Clearly i know what the code would look like.

  • Then perhaps you would care to show us how far you have gotten in Codepen so we can assist you further.

  • Clearly i know what the code would look like.

    We're willing to help you with the bits you can't get but if you won't even help yourself....

  • i don't know any of the bits. That's why i asked the question so vaguely other than the conceptual idea of "a nav with a hover state that reveals a horizontal sub menu beneath each NavLink" and a provided link to support the idea.

    My Question again was.... "I want a nav menu where i can hover one nav element and reveal a sub menu beneath it. If you go to this site http://thematrix101.com/matrix/

    you can see that The Matrix nav is clicked and beneath that is a series of other menus. What i want is that effect but to happen on a hover effect for each nav. i don't want to have to click each nav to reveal its sub menu."

    Each menu must be aligned horizontally, as in the example of the matrix 101 site. Each NavLink having a hover effect that shows this horizontal sub menu.

  • Clearly i know what the code would look like.

    Then this wasn't true?

    Have you tried anything yet or am I misjudging your level of expertise in HTML & CSS?

    I'm happy to 'get you over the hump', but I'm not going carry you up the hill.