Reordering New BrandNav Link Order

[aadf 0]

I just installed the new PlatformPro Framework on my client's site I'm working on and wondering how I can reorder the nav links to how I want. For example, I want Home to be first then About then Our work, etc. I tried with the Menu settings in WPAdmin but no luck. Not sure if it's because those Menu settings are set for only Primary Nav and so forth. I'm running latest PlatformPro framework with Child Theme overriding some styles and running latest Wordpress 3.1 Thanks in advance. The alpha test site is at http://aadfconsultant.com/mvocalpha

[bryan-hadaway 3]

This is a very new feature. Let's get some developer insight. Thanks, Bryan

[cmunns 16]

You are using the primary nav or brandnav or secondary? We may have to create a new theme location ...again, this is for the brandnav section?

[aadf 0]

I'm using the new brandnav feature. I created my own child theme and folder for it called "mvoc". One shortcut I was thinking was just adjusting the header.php template and manually listing the links for brandnav section. However, I want my client to have the ability of modifying the brandnav section without having me to get in the code and just using the Menu setting within Wordpress admin. Thanks for your help in advance.

[bryan-hadaway 3]

More developer help on the way... Thanks, Bryan

[cmunns 16]

Well I believe both the brandnav and primary nav both use the primary nav theme location so you should be able to create the menu manually still in APPEARANCE - MENUS or is that where you had problems? And where is the "blog" dropdown coming from that is on your navigation when you hover?

[aadf 0]

cmunns, When I create a new nav in the menu settings, do I have to create new css rules for it to style it. So if I name new nav in menu settings "header_nav", do I have to create new css styles for div "header_nav? That "blog" isn't a dropdown. I have to fix the spacing on that in CSS.

[kgstew 2]

Hi Alejandro, If you have not already, download Firebug, http://getfirebug.com. You can use this to check the div which contains the header. If the name of the div changes, and you will need to change your styles to match. The main nav should always have the same class and id set for the div. This is not related to the menu name but rather the position on the page as dictated by Platform. As Adam also stated the main navigation can be changed from within the MENU options in wordpress. Cheers, -Kyle

[cmunns 16]

no the css styles will be applied the same way.

[aadf 0]

Still can't figure this out. I tried adding the following php code to sections.brandnav.php in my child base theme folder to register menu function for brandnav but still nothing.

<?php
		function section_persistent(){
	
			register_nav_menus( array( 'brandnav' => __( 'BrandNav', 'pagelines' ) ) );
	
		}

Anyone have any suggestions? I'm panicking now as I have a deadline for tomorrow for working alpha build.

[Simon 248]

Ok just had a play with this. With brandnav enabled in my header, and no other navigation enabled, i created a new menu in WP menu editor and assigned it be primary website navigation, then i added a couple of links by adding custom links in the menu editor, when you add them and then look at the site, they wont appear yet, you HAVE to click the little dropdown arrow in the WP editor for that link it slides down then you set the title to be the same as the link text, it then appears on the site. You can now use the WP UI to drag/drop the links in whatever order you choose.

[aadf 0]

Pross, Thanks for the tip but it's still not functioning right. But that did make a breakthrough for in terms of isolating problem area. The WP-Menu is interacting with my BrandNav now. However, when I update the nav in WP-Menu, it will only change the Title attribute (hover popup). The only thing it's not doing is changing the order of my nav links when I reorder them in the menu. Here's my CSS that I have and I may have entered something that may be conflicting with menu settings. LIGHT BULB!!! Write when I was about to paste the code in, I realized one line of my CSS that was the culprit. All is well now. I'm going to paste code anyways just in case someone else runs into same problem. Thank you very much for all of your help.

	#brandnav{background:url('../mvoc/images/header_bg.png') repeat; background-color:#000; margin-bottom: .7em; height: 125px;}
	
	[b]#brandnav ul, #brandnav li{display:block; float:right; list-style:none;[/b]}
	
	#brandnav li {margin-right:30px;}
	
	#brandnav li li {margin-right:0;}
	
	#brandnav li span {display:block; margin:5px 0 0 0; padding:0;}
	
	#brandnav li a:link, #brandnav li a:visited, #brandnav li a:hover {display:block; width:auto; margin:0; padding:20px 0 0 0; color:#FFFFFF; background-color:transparent; border-top:2px solid transparent; text-decoration: none;}
	
	#brandnav ul ul li a:link, #brandnav ul ul li a:visited {border:none;}
	
	#brandnav ul li a:hover, #brandnav li.active a {border-top-style: solid; color: #9f0600; border-top-color: #9f0600; background-color:transparent;}
	
	#brandnav li li a:link, #brandnav li li a:visited {width:150px; float:none; margin:0; padding:7px 10px; background-color:transparent; border:none;}
	
	#brandnav li li a:hover {color: #9f0600; background-color:transparent;}
	
	#brandnav ul ul {border-left-color: #999999; border-bottom-color: #999999; border-left-width: 1px; border-bottom-width: 1px; border-right-style: none; border-left-style: outset; border-bottom-style: outset; z-index:9999; position:absolute; left:-999em; height:auto; width:170px;}

It was the second line in bold that caused the error.