Wordpress 4 Navigation Fix Header

WordPress 4.0 Broken Header Navigation Fix

WordPress 4.0 broke our website header navigation menus and we found a very simple fix navigation menu not working problem. Our theme is the Organic-NonProfit them (version 3.0.2) by Organic Themes. After about 2 hours of CSS code searching, forum reading, etc., we were able to find this fix because we’re very fortunate to have two websites that are almost identical. This allowed us to compare the source code on similar page to find what changed with the update from 3.9 to 4.0 that made a working navigation bar into a not-working navigation bar.

HEADER NAVIGATION CODE IN THE SOURCE CODE

The error needing fixing was in this code:

<div id=”navbar“>
<div class=”menu“><ul id=”menu-navigationclass=”menu“><li id=”menu-item-15798class=”menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-15798“><a href=”https://www.onecommunityglobal.org/utopia/”>About</a>

HEADER NAVIGATION CODE DISCREPANCY

Here’s a screenshot of our working navigation bar code on a non-4.0-updated site. The code in question is highlighted:

 Working Navigation Code before WordPress 4.0 Upgrade

Here’s a screenshot of how the code changed after updating to WordPress 4.0:

Broken navigation code after wordpress 4.0 upgrade

We were very confused as to why 4.0 was not pulling my “navigation” menu and was instead pulling the “duplicable city center” menu. Then we realized that the Duplicable City Center menu was just the FIRST MENU IN THE LIST.

NAVIGATION SOLUTION

Recognizing this, the solution to this navigation problem turned out to be ridiculously easy. Rename the navigation file and add “AAA” to the beginning so it would always be first in the list. We did this through our dashboard like this: Appearance –> Menus –> Select the Navigation menu –> Change the Navigation Menu name to “AAA Main Nave” –> Save.

NAVIGATION MENU FIXED

If this was helpful, you can support One Community’s open source global transformation project by following us through social media.

FOLLOW ONE COMMUNITY’S PROGRESS (click icons for our pages)
One Community Google+, Google+ One Community One Community YouTube, YouTube One Community One Community LinkedIn, LinkedIn One Community One Community Twitter, Twitter One Community One Community Facebook Updates Page One Community Highest Good of All Group One Community Facebook Fanpage One Community Open Source File Sharing Group One Community StumbleUpon, StumbleUpon One Community One Community Pinterest, Pinterest One Community One Community Reddit, Reddit One Community One Community Blog, Blog One Community, One Community Updates Blog, One Community Progress Blog One Community Tumblr, Tumblr One Community

We are also specifically seeking tech-savvy and innovative individuals to add to our team.

SPECIFIC SKILLS SOUGHT

One Community is specifically seeking to further build our team with additional Members, Consultants and Volunteers with the following skill sets:

CLICK IMAGES FOR COMPLETE JOB DESCRIPTION PAGES
Seeking Technology Specialists Building-Educational-Team

We are also seeking any other sustainability-related skilled professionals, quality writers and researchers to help finish our People’s Agenda 21 website, and anyone with other skills they feel would benefit our open source creative process. The people who join our team as either volunteers/consultants or members typically fit one or more of the following descriptions:

Click Here for the Pioneer Application Click Here for Satellite Member Application Click Here for our General Application
One Community