Infinites scroll jquery css fix WordPress

Bob answers:

first take backup of your current js and
please try this js file as custom.js.

function newWindow(height, width) {
var settings = "height=" + height + ",width=" + width + ",status=yes,toolbar=no,menubar=no,location=no";
window.open("about:blank", "newwindow", settings);
}
jQuery(function($) {




$('#primary .content-inner').infinitescroll({
loading: {
finished: undefined,
finishedMsg: "",
msgText: "",
speed: 0,
img: 'http://www.starstyle.com/wp-content/themes/starstyle/images/loading.gif'
},
navSelector: "div.navigation-inner",
nextSelector: "div.navigation-inner a",
itemSelector: "#primary .content-inner .hentry",
donetext: "test",
errorCallback: function() {
$('div.navigation-inner').addClass('end');
$('div.navigation a').addClass('disabled').text('No More Posts');
}
}, function(newElements, data, url) {
for (var i = 0; i < newElements.length; i++) {
var thisElement = newElements[i];
// bind your event handlers here, e.g.:
$(thisElement).removeClass('col-md-12').addClass('col-md-3 col-xs-6');
var thumb =$(thisElement).find('.entry-thumbnail');
$closest = thumb.parent().parent().parent();
$closest.prepend(thumb);

//$(thisElement).mouseover(function(evt) { /* ... */ });
};
//thumbnails();
});
$(window).unbind('.infscr');
$('div.navigation-inner a').click(function() {
$('#primary .content-inner').infinitescroll('retrieve');
return false;
});
var scrollTimeout;
$('a.scroll-top').click(function() {
$('html,body').animate({
scrollTop: 0
}, 500);
return false;
});
$(window).scroll(function() {
clearTimeout(scrollTimeout);
if ($(window).scrollTop() > 400) {
scrollTimeout = setTimeout(function() {
$('a.scroll-top:hidden').fadeIn()
}, 100);
} else {
scrollTimeout = setTimeout(function() {
$('a.scroll-top:visible').fadeOut()
}, 100);
}
});

// Set cookie
function setCookie(c_name, value, exdays) {
var exdate = new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
document.cookie = c_name + "=" + c_value;
}

// Get cookie
function getCookie(c_name) {
var i, x, y, ARRcookies = document.cookie.split(";");
for (i = 0; i < ARRcookies.length; i++) {
x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
x = x.replace(/^\s+|\s+$/g, "");
if (x == c_name) {
return unescape(y);
}
}
}

$('.post-layout a').click(function(e) {
e.preventDefault();
if ($(this).hasClass('active')) return
$this = $(this);
var layout = $this.attr('class');
var layout_final = $.trim(layout.split('-')[1]);

setCookie("cat_listing", layout_final, 365);
$('.row.main-content').fadeOut(function() {
$('.row.main-content').attr('class', 'row main-content').addClass($this.attr("class")).fadeIn();
if (layout_final == 'grid') {
thumbnails();
} else {
restore();
}
});

$('.post-layout a').removeClass('active');
$(this).addClass('active');


});


$('.nav .sub-menu-collapse').on('click', function(event) {
$(this).toggleClass('active');
});


function thumbnails() {

$('.entry-thumbnail').each(function() {
$closest = $(this).parent().parent().parent();
$closest.prepend($(this));
});
$('.hentry').removeClass('col-md-12').addClass('col-md-3 col-xs-6');
$('#primary.site-content').removeClass('col-md-8').addClass('col-md-12');


}

function restore() {
$('article').each(function() {
$thumb = $(this).find('.entry-thumbnail');
$(this).find('.featured').prepend($thumb);
});
$('.hentry').removeClass('col-md-3 col-xs-6 ').addClass('col-md-12');
$('#primary.site-content').removeClass('col-md-12').addClass('col-md-8');


}
$(function() {
$("[data-toggle='tooltip']").tooltip();
});

/*

if ($('body.home, body.parent-category').size() > 0) {

if (getCookie('cat_listing') == 'grid'){
thumbnails();

}

}
*/
if ($('body.search, body.post-type-archive-product, body.child-category').size() > 0) {
thumbnails();
}

});

Bob comments:

the function which execute after loading new content should have this code


//loop through all element
for (var i = 0; i < newElements.length; i++) {
var thisElement = newElements[i]; // create object
// bind your event handlers here, e.g.:
$(thisElement).removeClass('col-md-12').addClass('col-md-3 col-xs-6'); // change css classes
var thumb =$(thisElement).find('.entry-thumbnail'); // create thumb object
$closest = thumb.parent().parent().parent(); // find place to prepand
$closest.prepend(thumb); // prepand old created thumb

}