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

[Sonnal S Sinha]

Hi Ryan,

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

Regards,
Shri

[Sonnal S 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

[Sonnal S 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

[Sonnal S 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!

[Sonnal S 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

[Sonnal S 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

[Sonnal S Sinha]

Hi Andrea,

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

Regards,
Shri

[Author]

Posts