child-category menu - how two

1. 

   indi (Member)
   Posted 2 years ago | Permalink

   Hi Justin,

   Instead of the drop down menus, I want to create a hover horizontal drop down below the cat-nav menu. So, it displays the sub-categories. Mine will be no more than 1 or max 2 deep.

   Also, once the category is selected, I want the horizontal menu to appear under the cat-nav menu.

   Something like this:
   http://www.wired.co.uk/news/science.aspx

   How can I achieve this using the hybrid news theme?

   Thx

   Indi

2. 

   Justin Tadlock (Administrator)
   Posted 2 years ago | Permalink

   You must be a logged-in exclusive member to view this reply.

3. 

   kauclair (Member)
   Posted 2 years ago | Permalink

   Hi Justin,

   I don't speak very well english.. sorry.

   I'm interested by exemple of indi for my web site.

   Is't that there's new?

   Kim.

4. 

   Justin Tadlock (Administrator)
   Posted 2 years ago | Permalink

   You must be a logged-in exclusive member to view this reply.

5. 

   kauclair (Member)
   Posted 2 years ago | Permalink

   Hi Justin,

   Ok, for the question...

   I like Hybrid theme.... However I don't like drop-down menus.

   I want this effect: http://www.wired.co.uk/news/science.aspx

   I don't code. I was wondering if you have an idea how.

   Thank

   Kim.

6. 

   Justin Tadlock (Administrator)
   Posted 2 years ago | Permalink

   You must be a logged-in exclusive member to view this reply.

7. 

   kauclair (Member)
   Posted 2 years ago | Permalink

   I found this:

   http://www.free-css.com/free-css-menus/page3.php
   Ref : CSS Menu 36

   Does it can help you?

   Kim.

8. 

   fb (Member)
   Posted 2 years ago | Permalink

   I think he just wants the cat menu to display the child cats when the parent cat has children, as the css menus he has offered as examples and hover menus

   eg

   cat1 > cat2 > cat3>

   cat1 > cat2 selected > cat3>
   cat2 child cat 1> cat2 child cat2> cat2 child cat3>

   maybe I'm wrong...

9. 

   tewonawonga (Member)
   Posted 2 years ago | Permalink

   Okay, disclaimer: I'm not looking at your code (and compared to Justin I'm a rookie) so this is only a possible starting point.

   Have you tried using display: inline in your CSS? This outputs lists (like your subcategories) in a horizontal line. Then you'd need to adjust the margins and padding to get it to appear below the nav bar.

10. 

    kauclair (Member)
    Posted 2 years ago | Permalink

    Hi @fb and @tewonawonga ,

    @fb : Yes, you know what I want
    @tewonawonga : I don't code..... :(

11. 

    tewonawonga (Member)
    Posted 2 years ago | Permalink

    @indi and @kauclair: I posted an answer to this question here:

    http://themehybrid.com/support/topic/how-to-create-an-horizontal-inline-drop-down-menu?replies=1#post-28641

    Hope you can use it!

Reply

You must log in to post.