Support » Themes and Templates » Horizontal NavBar with Hovering Sub-Pages

  • Hi. 🙂

    I’d imagine this will be a pretty simple trick for some of you.

    Basically, I want a horizontal navbar that displays my pages, and upon hovering over a certain menu item, the subpages are displayed directly below.

    Right now, I’ve got every part fully working except for the sub-page display. Can someone help? Here’s my code:


    <div id="navcontainer">
    <ul id="navlist">
    <li<?php if(is_home()) echo ' class="current_page_item"' ?>><a href="<?php bloginfo('url'); ?>/">Home</a></li>
    <?php wp_list_pages('title_li=&sort_column=menu_order&depth=0&include=');?>

    CSS Here

    Thanks! 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • esmi


    Forum Moderator

    Have a look at the nav menu in Twenty Ten.


    Thanks. I actually tried that. Took their navigation code and dropped the HTML/CSS into my theme, and for some reason, the sub-pages still didn’t display on hover. Everything else worked.

    No sure why…



    Forum Moderator

    You can’t just drop in the CSS from another theme. You need to use it as an example and try to apply the same kind of approach and CSS to your theme and its classes.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Horizontal NavBar with Hovering Sub-Pages’ is closed to new replies.