We Bake Theme – load section one

[Michael Abourizk]

Hi There, I’ve noticed that upon refresh or visiting the site (we bake – http://healthyeating.esy.es/) for the first time the sections don’t load unless you start to scroll down the page. Is there a way to make section 1 load and be visable as soon as you refresh the page without the scrolling?

Thanks in advance and apologies if this is the wrong forum

Mike

[Sonl Sinha]

Hi Mike,

It can be done accessing custom.js within js folder of the theme file using ftp or using miwoftp.

If you are uncomfortable dealing with ftp then kindly email us: [email protected] with your WordPress admin details. We will take care to load the first section on load and not on scroll.

Regards,
Shri

[Michael Abourizk]

Thanks Shri, much appreciated, I’ll give it a crack and let you know if I have any difficulties, can you tell/show me what I need to change in custom.js?

appreciate the fast response

Mike

[Sonl Sinha]

Hi Mike,

In custom.js we have mentioned animation like bounce, fadeIn for each section.

So for section 1 you have to change it to none. So there will be no animation and section will be loaded.

Regards,
Shri

[Michael Abourizk]

Thanks Shri

You’re the best

Mike

[Sonl Sinha]

Thanks for the appreciation.

Regards,
Shri

[Michael Abourizk]

Hi Shri, I’m afraid I need more assistance. I’ve changed section 1 to “none” in custom.js by replacing “fadeIn” however it has now removed section one all together. See code below

jQuery(window).scroll(function() {
jQuery(‘.pleasure’).each(function() {
var imagePos = jQuery(this).offset().top;

var topOfWindow = jQuery(window).scrollTop();
if (imagePos < topOfWindow+400) {
jQuery(this).addClass("none");
}
});

Can you advise what I'm doing wrong? URL is http://healthyeating.esy.es/

Thanks in advance

Mike

[Sonl Sinha]

Hi Mike,

Send us WordPress admin panel details via email: [email protected]

Will check.

Regards,
Shri

[Author]

Posts