Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » Forum Usage » Forum How-To »

Please help. How to create a double navigation bar?

Old Apr 15, 2010, 04:52 AM
2 posts · Apr 2010
Hello! I've been having a bit of trouble trying to create a double navigation bar for my homepage. I'm still working on the wordpress blog, so unfortunately don't have any link to provide as it's under construction and password protected by CSS jockey Plugin. And to make things worse, I'm a newbie and a "terrible" creator of codes. I can manipulate with them, but I can't really create anything new. I have a 8 categories excluding the home tab, and each of those categories have around 5 sub-categories under them.

I wanted to create a navigation tab just like the one in www.gq-magazine.co.uk . In my blog home page, the categories show up on a horizontal navigation bar right now. I've looked all over the web for a code similar to GQ's, but the best I could come up with is a navigation bar where the categories are present, and when I hover the mouse pointer over them, the subcategories show up in the space below the horizontal navigational bar. But when I move the pointer away, the subcategories don't show up. I checked everywhere and couldn't find a clue.

The code that I'm using right now in my header.php file (creates a horizontal menu, and shows the subcategories only when I hover on the Categories tab) is the one I've pasted below.

</div><!-- #header -->

<div id="menu">
<div class="pads">

<ul id="topnav">
<li class="<?php if (((is_home()) && !(is_paged())) or (is_archive() && !(is_category())) or (is_single()) or (is_paged()) or (is_search())) { ?>current-cat<?php } else { ?>cat-item<?php } ?>"><a href="<?php echo get_settings('home'); ?>"><?php _e( 'Home', 'wpbx' ) ?></a></li>

<!-- change "depth=3" to suit your menu depth level, and change "exclude=x" with the category ID that you want exclude from the menu (multiple categories separated by , (comma) -->
<span><?php wp_list_categories('orderby=ID&order=ASC&depth=3&t itle_li=&exclude='); ?></span>



<div id="container">
<div class="pads clearfix">

Can anyone tell me what I can do to create a horizontal navigation (categories) tab that would show subcategories under them only when I click a particular category, and not just a hover effect? I've racked my weak coded brain for quite a few days, and I'm so frustrated! And I'm stuck with no options. Please, if anyone can help me, I'd be much obliged. Thank you very much in advance.
Old Apr 15, 2010, 01:27 PM
lmilesw's Avatar
10,176 posts · Jul 2009
Central New York State USA
All Web Menus will do what you want and has a WordPress plugin available but if you want the menu to mirror your site automatically it costs extra. The menu program sells for about $60 and the extra if you want the dynamic WordPress menu is about $50 for one domain or you can buy a 5 pack for more savings.
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
Old Apr 16, 2010, 01:33 AM
2 posts · Apr 2010
Thanks a ton, lmilesw. I'll take a look at those options right away!


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Why is there a double left border in the page/category menu bar? jankph Page & Category Menu Bars 4 Apr 5, 2010 07:28 AM
Templates for navigation bar JakeThePeg Page & Category Menu Bars 2 Jan 20, 2010 10:33 PM
[SOLVED] How to create spacing between page menu bar, side bar, and footer? ssoszka Atahualpa 3 Wordpress theme 4 Nov 29, 2009 10:39 AM
Create new category bar with custom includes backstpub Page & Category Menu Bars 0 Aug 25, 2009 04:32 PM
Double home tabs and sidebar navigation question tlxreed Header configuration & styling 1 Aug 14, 2009 02:53 PM

All times are GMT -6. The time now is 02:03 AM.

Powered by vBulletin® Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.