Correct, basically what it does is this: You have a block on your page where you’ve loaded say the five most recent blog posts:

<div id='latest-posts' class='content'>
     <div id='post-one'>... </div
     <div id='post-two'>... </div>
     ....
     <a href='link-to-next-posts'>Older Posts</a>
</div>

So the javacript is fetching thet content from that next link and appending it to the containing div (#latest-posts). You need to make sure that you’re targeting an existing element on your page. For me there was a block with the class .content applied to it. On your page you’ll want to see what the parent element of the content you want to autoload is.

• This reply was modified 4 years, 11 months ago by wunderdojo.

I’m not sure. It’s still live on the site I did it for but I don’t know how current their version of Enfold is. It’s just javascript though so unless it’s causes an conflicts (check the Chrome dev console) it should still work.

Hi Rikard,

Thanks for the reply, found the issue and it wasn’t Enfold — conflict with another stylesheet being loaded.

Thanks. I’m going to have to clone that network and test locally. If you leave this thread open I’ll post back when I find the issue in case it helps anyone else.

Hi Rikard,

Not sure if it’s “fixed”. With the CSS rules I posted above and having restarted Chrome it’s working correctly now. Just have to see if it crops back up again at some point. Chrome can end up sucking huge amounts of memory so I’m just guessing that it was affecting the animation performance and causing the uneven transitions, but that’s only a guess.

What country are you connecting from? I’m using WordFence to block non-US IP addresses since all of the customers for this particular platform are US-based.

Hi Ismael,

Thanks for the response but that’s not the issue. If you choose to have the logo and nav menu in the left sidebar the CSS accomplishes that by using absolutely positioned divs. So if the nav menu is longer than the main content it will extend beyond the containing div and overlap whatever background you have set.

I made some changes via CSS to fix it but it seems like a bug with Enfold — it only displays as expected if the main content is longer than the sidebar.

/** Fixes to the left sidebar logo and nav menu */
.html_header_sidebar #top #header{
	float:left;
	position:relative!important;
	background-color:#ffffff;
	width:33%;
	}

.html_header_left #main{
	float:left;
	width:66%;
	margin-left:0px;
	}
.responsive.html_header_left #main{
	margin-left:0px;
	}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {	
	.responsive.html_header_left #main{
		margin-left:0px;
		width:100%;
		}
	}