[SOLVED] Upgrade to 3.7.7 shows center content in left column
 

I'm not sure what happened to my site, I upgraded to the newest version, and everything was fine for a few days.

Then the theme stopped working. All my page and post content now shows up in the left column where the menu is, and all the right column shows up where the content used to be, and it's stretched out to the size the content would have been.

I don't have any plugins added, that I know of, that are not compatible. I have my site in maintenance mode now because I can't get the content added.

I have uninstalled the theme and started over, but it still does the same thing. I put in an older version of the theme and the content doesn't show up at all.

Did you add any pages or posts when this happened? Sometimes cutting and pasting from certain documents can cause issues.

Also try disabling all your plugins to see if there is a conflict

Yes, I did. I combined some repeat pages into one. Copied content from one page into another, then deleted the page I didn't need.

I didn't know this would happen as I have done this many times before.

Do you know how to fix it?

Did you try disabling the plugins?

Look at the HTML to see if there is any code that looks suspicious. And did you try deactivating your plugins to see if that was the issue as Juggledad suggested?

I don't have any plugins activated except maintenance mode. I need something to hide my site from the public because it's very messed up.

The last plugin I had added was Zuppler restaurant menu. The company is supposed to be installing my menu but they have not done anything yet. I deactivated that plugin, but the theme is still messed up.

Did you see any suspicious HTML in the page with the combined content?

I just finished going through all the pages and there is nothing suspicious. It's just the same text I had before, with hyperlinks to other pages, bullet points, bold, etc.

The header graphics come from the html insert within atahualpa's theme options. That displays correctly. It's the entire content page that is squished.

The header shows 963px but it's as if the content section with the left, center and right columns are squished to maybe 500px.

I can give a moderator access to my site if they want to see what I'm talking about. I just can't open the site to the public because it's all funky looking.

Try setting the last couple posts to draft and see if that fixes it, if so,you know it has something to do with one of those posts.

At this point it would be necessary to login to the site to see if there is anything I see.

Ok, I changed the one and only post I have to draft and it didn't change anything. Most of my content is in page format. The posts will come when the restaurant opens.

I viewed the page source from the browser (Firefox) and right near the top is the following code. I don't know where it comes from. Is this an atahualpa code? Could this be causing the theme to squish?

//<![CDATA[



/* JQUERY */
jQuery(document).ready(function(){




/* jQuery('ul#rmenu').superfish(); */
/* jQuery('ul#rmenu').superfish().find('ul').bgIframe ({opacity:false}); */

/* For IE6 */
if (jQuery.browser.msie && /MSIE 6\.0/i.test(window.navigator.userAgent) && !/MSIE 7\.0/i.test(window.navigator.userAgent) && !/MSIE 8\.0/i.test(window.navigator.userAgent)) {

/* Max-width for images in IE6 */
var centerwidth = jQuery("td#middle").width();

/* Images without caption */
jQuery(".post img").each(function() {
var maxwidth = centerwidth - 10 + 'px';
var imgwidth = jQuery(this).width();
var imgheight = jQuery(this).height();
var newimgheight = (centerwidth / imgwidth * imgheight) + 'px';
if (imgwidth > centerwidth) {
jQuery(this).css({width: maxwidth});
jQuery(this).css({height: newimgheight});
}
});

/* Images with caption */
jQuery("div.wp-caption").each(function() {
var captionwidth = jQuery(this).width();
var maxcaptionwidth = centerwidth + 'px';
var captionheight = jQuery(this).height();
var captionimgwidth = jQuery("div.wp-caption img").width();
var captionimgheight = jQuery("div.wp-caption img").height();
if (captionwidth > centerwidth) {
jQuery(this).css({width: maxcaptionwidth});
var newcaptionheight = (centerwidth / captionwidth * captionheight) + 'px';
var newcaptionimgheight = (centerwidth / captionimgwidth * captionimgheight) + 'px';
jQuery(this).css({height: newcaptionheight});
jQuery("div.wp-caption img").css({height: newcaptionimgheight});
}
});

/* sfhover for LI:HOVER support in IE6: */
jQuery("ul li").
hover( function() {
jQuery(this).addClass("sfhover")
},
function() {
jQuery(this).removeClass("sfhover")
}
);

/* End IE6 */
}

jQuery(".post table tr").
mouseover(function() {
jQuery(this).addClass("over");
}).
mouseout(function() {
jQuery(this).removeClass("over");
});


jQuery(".post table tr:even").
addClass("alt");


jQuery("input.text, input.TextField, input.file, input.password, textarea").
focus(function () {
jQuery(this).addClass("highlight");
}).
blur(function () {
jQuery(this).removeClass("highlight");
})

jQuery("input.inputblur").
focus(function () {
jQuery(this).addClass("inputfocus");
}).
blur(function () {
jQuery(this).removeClass("inputfocus");
})




jQuery("input.button, input.Button, input#submit").
mouseover(function() {
jQuery(this).addClass("buttonhover");
}).
mouseout(function() {
jQuery(this).removeClass("buttonhover");
});

/* toggle "you can use these xhtml tags" */
jQuery("a.xhtmltags").
click(function(){
jQuery("div.xhtml-tags").slideToggle(300);
});

/* For the Tabbed Widgets plugin: */
jQuery("ul.tw-nav-list").
addClass("clearfix");



});

There was an incomplete hyperlink in the right sidebar widget that was messing up the page.

You got it!!! Thank you so much!

Now I'm going to get the plugins added. If I can get Zuppler to integrate with your theme, I'm going to keep the theme and sponsor your development efforts. I have to pay Zuppler for their services so there is no reason why you shouldn't get paid for your theme as well.