It took a lot longer than I expected for this novice to track down some file differences between the test site (the one that works) and the official site (the one that shows the wrong default home page). To me, these are just clues as to what to do.
The Responsive Theme on the official site was version 1.8.1 (now upgraded to version 1.8.2 like on the test site) The changelog.txt between the two versions shows only that TinyNav has been updated with CSS Improvements. When the official site was updated to v 1.8.2, no change in menu behaviour occurred.
[Just to NOTE: The test site’s fantversion.php file reports PHP version 3.3.2, while the official site reports version 2.8.]
However, further comparison of files in the two sites indicates the problem may stem from differences in files controlling the TinyNav.
In the Responsive Theme’s main directory (not the child) is a file named responsive-plugins.js in the ../js/ directory shows a difference between the two sites.
The test site (that works) says:
// Responsive Menu
jQuery(".menu").tinyNav({
active: 'current_page_item', // Set the "active" class
//header: Navigation // Show header instead of the active item
});
The official site (not working right) says:
// Responsive Menu
jQuery(".menu").tinyNav({
active: 'current_page_item', // Set the "active" class
header: false // Show header instead of the active item
});
There was also a difference in the javascript for a file responsive-scripts.js in the main responsive theme’ ../js/ directory. And another directory with a file by the same name ../responsive/js-dev/responsive-scripts.js – has many more differences between these two files) – specifically in a section beginning with:
/*! http://tinynav.viljamis.com v1.05 by @viljamis */
(function ($, window, i) {
$.fn.tinyNav = function (options) {
The test site is version 1.05, while the official site is version 1.03. If stuff in the ../js-dev/ directory actually loads, then this file may contribute to the problem. I didn’t copy all of the differences because the title of this directory suggests it may not even load.
For version 1.8.2 on the properly working test site the responsive-scripts.js file, not in the ../js-dev/ directory, but in the ../js/ directory, says:
/*! Responsive Menu */
/*! http://tinynav.viljamis.com v1.05 by @viljamis */
(function(a,i,g){a.fn.tinyNav=function(j){var d=a.extend({active:"selected",header:""},j);return this.each(function(){g++;var h=a(this),e="tinynav"+g,f=".l_"+e,b=a("<select/>").addClass("tinynav "+e);if(h.is("ul,ol")){""!==d.header&&b.append(a("<option/>").text(d.header));var c="";h.addClass("l_"+e).find("a").each(function(){c+='<option value="'+a(this).attr("href")+'">';var b;for(b=0;b<a(this).parents("ul, ol").length-1;b++)c+="- ";c+=a(this).text()+"</option>"});b.append(c);d.header||b.find(":eq("+
a(f+" li").index(a(f+" li."+d.active))+")").attr("selected",!0);b.change(function(){i.location.href=a(this).val()});a(f).after(b)}})}})(jQuery,this,0);
For version 1.8.1 (but now upgraded to 1.8.2)
/*! Responsive Menu */
/*! http://tinynav.viljamis.com v1.03 by @viljamis */
(function($,window,i){$.fn.tinyNav=function(options){var settings=$.extend({active:"selected",header:false},options);return this.each(function(){i++;var $nav=$(this),namespace="tinynav",namespace_i=namespace+i,l_namespace_i=".l_"+namespace_i,$select=$("<select/>").addClass(namespace+" "+namespace_i);if($nav.is("ul,ol")){if(settings.header){$select.append($("<option/>").text("Navigation"))}var options="";$nav.addClass("l_"+namespace_i).find("a").each(function(){options+='<option value="'+$(this).attr("href")+'">';for(j=0;j<$(this).parents("ul, ol").length-1;j++){options+="- "}options+=$(this).text()+"</option>"});$select.append(options);if(!settings.header){$select.find(":eq("+$(l_namespace_i+" li").index($(l_namespace_i+" li."+settings.active))+")").attr("selected",true)}$select.change(function(){window.location.href=$(this).val()});$(l_namespace_i).after($select)}})}})(jQuery,this,0);
And in the responsive-plugins.js file
For version 1.8.2 on the working test site:
// Responsive Menu
jQuery(".menu").tinyNav({
active: 'current_page_item', // Set the "active" class
//header: Navigation // Show header instead of the active item
});
For version 1.8.1 (now 1.8.2) on the official misbehaving site:
// Responsive Menu
jQuery(".menu").tinyNav({
active: 'current_page_item', // Set the "active" class
header: false // Show header instead of the active item
});
The Responsive Child theme style.css file on the test site had only one addtion, compared to the official site, and that was a .home wrapper to create a white background for the Home page content, (or maybe it was a post), rather than displaying an otherwise transparent background. So, it is unlikely to be causing the menu problem.
