hotspot anchor link no smooth scroll

Hey Munford,
I believe that we were working on the page at the same time, as it changed. Nonetheless, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function hotspot_smooth_scroll() { ?>
  <script>
document.addEventListener('DOMContentLoaded', function () {
  document.querySelectorAll('.av-image-hotspot .avia-tooltip .inner_tooltip a[href^="#"]').forEach(function(anchor) {
    anchor.addEventListener('click', function(e) {
      // Prevent default jump
      e.preventDefault();
      const targetID = this.getAttribute('href').substring(1);
      const targetElement = document.getElementById(targetID);

      if (targetElement) {
        targetElement.scrollIntoView({
          behavior: 'smooth'
        });

        // Optionally update URL hash
        history.pushState(null, null, '#' + targetID);
      }
    });
  });
});
</script>
  <?php
}
add_action( 'wp_footer', 'hotspot_smooth_scroll', 99 );

Best regards,
Mike

Hi,
PS, Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike