Tab Section Scroll Down

Hey msutherin,
Sorry for the late reply, but thanks for the link to the site.
I have two working scripts for you to try out by adding to the end of your functions.php
Please don’t install both at the same time,they each work a little different and I wanted you to choose the best one for your project.
They will both scroll down on click of your tab section. This first one will scroll down based on the vertical scroll bar position, so you can adjust the “1100”, which in my tests puts the tab link images just up out of view. This may change a little based on the screen width of the visitor, but it should not be too much difference.

function scroll_down_script_1(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$('a.av-section-tab-title').click(function () {
  $('html, body').animate({
      scrollTop: (1100)
  }, 'slow');
});
 });
  })(jQuery);
</script>
  <?php
  }
  add_action('wp_footer', 'scroll_down_script_1');

This second one will scroll down to a element, so I choose the diamond shape of the bottom of the tab section, which in my tests puts the tab link images just up out of view. This should not change and be consent for everyone. The number in this code is how fast it will scroll down, 500 is half of a second.

function scroll_down_script_2(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$('a.av-section-tab-title').click(function () {
    $('html, body').animate({
        scrollTop: $('.av-tab-arrow-container').offset().top
    }, 500);
});
});
  })(jQuery);
</script>
  <?php
  }
  add_action('wp_footer', 'scroll_down_script_2');

So try them out and let us know which one you end up using.

Best regards,
Mike

Hi,
The admin login would allow us to see if there are any conflicts, but we would not know what exactly to look for at first so creating a video of your localhost would not be a lot of help.
When I tested this on my localhost I didn’t have this error.
please check your webhost to see if you have the one click staging site option, this is a option in most cPanels to create a staging clone of your site so we can test on it and you site will stay up and running. You can always ask your webhost to help you with setting this up if you want.

Here are some screenshots of what it would look like:

Best regards,
Mike

Hi,
@freddyB please open a new thread with a link to a test page with an admin login explaining thoroughly what you are trying to achieve, this thread is from 2018. Please link to your new thread here so it will be easier to find, thanks.

Best regards,
Mike