My accordions cause the whole page to scroll when each is expanded, unlike the demo thefoxwp.com/accordion/. This makes the content of each item difficult to read. Is there a way to stop the scrolling?
I thought I posted a second comment on this thread afterwards that said to ignore the first comment...not sure if that comment got removed. But while it stopped the page from scrolling, it messed up the page layouts.
I may have made it work... by changing how I inserted the code in the function file and when I edited the customjs.js. Though I'm not sure what I did right this time.
However, I have attached screen captures so you can see what was happening on my first several attempts to implement.
My accordions cause the whole page to scroll when each is expanded, unlike the demo thefoxwp.com/accordion/. This makes the content of each item difficult to read. Is there a way to stop the scrolling?
Hello Janna,
Yes, you can change this by modifying the customjs.js file
Go the the line 1065
and remove this part :
setTimeout(function(){
j$('html,body').animate({
scrollTop: target.offset().top-h_height
}, 1000);
This should do the trick.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
What happens when it's time to update the theme...? Can that file be put in my child theme?
Hello Janna,
If you are using a child theme you can do this :
Then make sure to create a js folder and put your modified customjs.js file in the child theme.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
That appears to have worked. Thank you.
Hello Janna,
Glad to hear that!
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
I thought I posted a second comment on this thread afterwards that said to ignore the first comment...not sure if that comment got removed. But while it stopped the page from scrolling, it messed up the page layouts.
Hello Janna,
What do you mean it messed up the page layouts?
Do you have a link?
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
I may have made it work... by changing how I inserted the code in the function file and when I edited the customjs.js. Though I'm not sure what I did right this time.
However, I have attached screen captures so you can see what was happening on my first several attempts to implement.
Hello Janna,
You have been able to fix the problem?
If you still have problem then could you send us a link to the page so we can check what's wrong.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
I just checked the site this morning...apparently, I don't have it fixed
You can see the layout issue on http://www.savoirfaire-us.com/phaneuf/cremation/service-offerings/direct-cremation-memorial compared to the screen captures I previously posted.
Hello Janna,
Currently your site code is :
function set_tabs() { var strHash = document.location.hash; j$('.wpb_accordion_section h3 > a').click(function(){
setTimeout(function(){
j$(".rd_img_carousel").trigger('updateSizes');
j$(".rd_testimonials").trigger('updateSizes');
j$(".partners").trigger('updateSizes');
j$("ul").trigger('updateSizes');
},800); var target = j$(this);
if(j$('.header_bottom_nav').length > 0){
var h_height = j$("#header_container").height();
}
else if(j$(".header_to_shrink").length > 0) {
var h_height = "55";
}
else {
var h_height = "55";
}
j$(".rd_img_carousel").trigger('updateSizes');
j$(".rd_testimonials").trigger('updateSizes');
j$(".partners").trigger('updateSizes');
j$("ul").trigger('updateSizes');
},400);
});
You need to change it to :
function set_tabs() { var strHash = document.location.hash; j$('.wpb_accordion_section h3 > a').click(function(){
setTimeout(function(){
j$(".rd_img_carousel").trigger('updateSizes');
j$(".rd_testimonials").trigger('updateSizes');
j$(".partners").trigger('updateSizes');
j$("ul").trigger('updateSizes');
},800); var target = j$(this);
if(j$('.header_bottom_nav').length > 0){
var h_height = j$("#header_container").height();
}
else if(j$(".header_to_shrink").length > 0) {
var h_height = "55";
}
else {
var h_height = "55";
}
setTimeout(function(){
j$(".rd_img_carousel").trigger('updateSizes');
j$(".rd_testimonials").trigger('updateSizes');
j$(".partners").trigger('updateSizes');
j$("ul").trigger('updateSizes');
},400);
});
This should do the trick.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
That fixed the layout. but I still have the issue with the accordions causing page scroll when they open/close.
I thought I fixed it by changing the code to completely eliminate the timeout function...but I'm still having an issue in Chrome browser
See http://www.savoirfaire-us.com/phaneuf/cremation/service-offerings/traditional-cremation
When the page scrolls when the accordions are triggered, the text ends up hidden by the header.
Hello Janna,
We tested with your page but we don't have any scroll effect on the accordion, can you make sure to clear the server and browser cache.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
You're right. I think the problem is solved.
Glad to hear that!
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme