BeFit Pro Front page have to scroll to see content

[Ryan]

On the site http://kjtreeremoval.com/wp/ using Internet Explorer I have to scroll in order to see content. Chrome, Firefox and Safari all seem to be fine.
Please advise.

Thanks
Ryan

[Sonl Sinha]

Hi Ryan,

It is due to animations in section. You have to disable animations.

Regards,
Shri

[Sonl Sinha]

Hi Ryan,

To disable animation kindly check here: https://www.sktthemes.org/forums/topic/home-page-responsive-display/

We have answered how to disable animation on that topic.

Let me know if you need further help.

Regards,
Shri

[Ryan]

Thanks. I have looked at that thread but it is not really clear about what to remove.
“remove the animation classes jquery lines we have written like fadeIn, bounceIn etc.”
What is etc? And I’m not really sure which specific lines to remove for each function.

Please advise

[Sonl Sinha]

Hi Ryan,

Here is the code you need to remove from custom.js

jQuery(window).scroll(function() {
		jQuery('.services').each(function(){
		var imagePos = jQuery(this).offset().top;

		var topOfWindow = jQuery(window).scrollTop();
			if (imagePos < topOfWindow+400) {
				jQuery(this).addClass("fadeInLeft");
			}
		});
		
		jQuery('.about .one_half').each(function(){
		var imagePos = jQuery(this).offset().top;

		var topOfWindow = jQuery(window).scrollTop();
			if (imagePos < topOfWindow+400) {
				jQuery(this).addClass("fadeInUp");
			}
		});
		
		jQuery('.team-members').each(function(){
		var imagePos = jQuery(this).offset().top;

		var topOfWindow = jQuery(window).scrollTop();
			if (imagePos < topOfWindow+400) {
				jQuery(this).addClass("fadeInDown");
			}
		});
		
		
		jQuery('.news-box').each(function(){
		var imagePos = jQuery(this).offset().top;

		var topOfWindow = jQuery(window).scrollTop();
			if (imagePos < topOfWindow+400) {
				jQuery(this).addClass("fadeInDown");
			}
		});
		
		jQuery('.testimonial-box').each(function(){
		var imagePos = jQuery(this).offset().top;

		var topOfWindow = jQuery(window).scrollTop();
			if (imagePos < topOfWindow+400) {
				jQuery(this).addClass("fadeInUp");
			}
		});
		
		jQuery('.stat').each(function(){
		var imagePos = jQuery(this).offset().top;

		var topOfWindow = jQuery(window).scrollTop();
			if (imagePos < topOfWindow+400) {
				jQuery(this).addClass("zoomInLeft");
			}
		});
		
		jQuery('.team-desc').each(function(){
		var imagePos = jQuery(this).offset().top;

		var topOfWindow = jQuery(window).scrollTop();
			if (imagePos < topOfWindow+400) {
				jQuery(this).addClass("fadeInLeft");
			}
		});
		
		jQuery('.team-div').each(function(){
		var imagePos = jQuery(this).offset().top;

		var topOfWindow = jQuery(window).scrollTop();
			if (imagePos < topOfWindow+400) {
				jQuery(this).addClass("fadeInRight");
			}
		});
		
		jQuery('.signup-newsletter').each(function(){
		var imagePos = jQuery(this).offset().top;

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

When you finished with this kindly go to style.css and remove the visibility:hidden property from all the classes (.services, .about .one_half, .team-members, .news-box, .testimonial-box, .stat, .team-desc, .team-div, .signup-newsletter) i have mention all the classes where you need to remove the visibility:hidden property.

Regards,
Shri

[Ryan]

This has been done yet the problem still exists in Internet Explorer. Please advise.

Thanks
Ryan

[Sonl Sinha]

Hi Ryan,

Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
Add this css code in custom css box.

.slider-main{display:none !important;}

Regards,
Shri

[Ryan]

That fixed it! Thanks!

[Sonl Sinha]

Great 🙂

Regards,
Shri

[andrea Barnes]

I am having the same issue with the scrolling. The client wants everything to show immediately as you scroll down. I removed that code from the custom.js file and I think that helped a bit but there is still some of hidden info that doesn’t show until you scroll. I could not find anything in the css about visibility:hidden.

Also, what is the best size for the slider images? I’d like them to be as small as possible to reduce the height.
thanks

[andrea Barnes]

this is for http://lovingpawsdoggrooming.org/ and I’m using the restaurant theme. thanks

[Sonl Sinha]

Hi Andrea,

Kindly Send us email: [email protected] with your WordPress admin details and URL of the site. we will check the problem and resolve.

NOTE: Kindly mention the issue in the email.

Regards,
Shri

[Sonl Sinha]

Hi Andrea,

This issue was resolved from our end. Kindly check and confirm.

Regards,
Shri

[Author]

Posts