Accordion Toggle jumps over the page in Chrome

Hey Angèle,
Sorry for the very late reply and thank you for the login, I took a look at your page and the jumping seems random so I couldn’t pin it down to anything, but I came up with a possible solution where “on-click” we center the “active title” and this seems to work well. So in order for this to work best I set all of the accordions to none open initially, this way there will only be one “activeTitle” class on the page at any time.
I added this code to the end of your child theme functions.php file in Appearance > Editor:

function custom_accordion_toggle_script(){
  ?>
  <script>
(function($){
  $("#top.page-id-114 .av_toggle_section").on('click', function () {
    $('.activeTitle').animate({
        scrollTop: $(this).offset().top - $(this).height()
    }, 1000);
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_accordion_toggle_script');

Please clear your browser cache and check.

I also noticed you had many “mixed content” errors in the browser console for the google font “roboto” I didn’t find what is loading it, but adding the meta tag upgrade-insecure-requests to the site head solves by forcing the browser to request the “https” version automatically.
I added this code to the end of your child theme functions.php file in Appearance > Editor:

function add_custom_meta(){
  ?>
  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
  <?php
  }
add_action('wp_head', 'add_custom_meta', 1);

I hope you don’t mind.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.av-share-box .av-share-link a:before {
	font-size: 30px !important;
}

Please feel free to adjust the font-size to suit, and then clear your browser cache and check.
Please see the screenshot in Private Content area.

Best regards,
Mike