Accordion – Scroll Issue on Desktop + Color Issue on Mobile

Hey shawnbanack,
Thank you for your patience and the links and screenshots. I did see the jump of the page when the toggle was clicked in Chrome and I also noticed that each time the page was reloaded it would move up slightly, so if I started at #ouradvantages and kept reloading I would soon be at #aboutus, I thought this might be related the “slow scroll” action of your menu anchor links because the toggles use a “fake” ID hashtag to enable the javascript for toggling… but I believe that I was way overthinking it because I didn’t see any of these errors in the Brave browser which is also built on Chromium, the engine of Chrome.
After testing this css: body{overflow:hidden !important;} and this jQuery:

function custom_script() { ?>
    <script>
(function ($) {
$(".toggler").click(function(){
  $("body").css({'overflow':'hidden'});
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

to correct the behavior in Chrome, I wanted to post the version of Chrome I was using which was Version 89.0.4389.128 (Official Build) (64-bit) but it then updated to Version 90.0.4430.72 (Official Build) (64-bit) which is the same Chromium version in my Brave Brave Version 1.23.71 Chromium: 90.0.4430.72 (Official Build) (64-bit) so when I went back and tested your toggle again I didn’t have the same issues, so I’m thinking this is a Chrome issue?
Anyways, check your Chrome version and you are welcome to also try the css and or the jQuery if you like, but I believe most users will be getting the Chrome update shortly.
Your second issue is the webkit-focus-ring which is a built-in accessibility color for Chrome & Safari, you can override it with this css, but it is considered bad form in accessibility circles:

#top #wrap_all .toggler:focus,
#top #wrap_all .toggle_wrap:focus {
  outline: 0 !important;  
  outline: 0 -webkit-focus-ring-color !important; 
}

Best regards,
Mike