Rank Math TOC with fixed header, is there a way to offset

Hello,

We apologize for the issue you are facing with the Rank Math Table of Contents (TOC) links scrolling slightly past the headings. To achieve an offset for your TOC links, you can use a bit of custom JavaScript or jQuery to adjust the scroll position when a link is clicked.

Here’s a simple way to implement this:

1. Add Custom JavaScript: You can add the following script to your theme’s functions.php file or through a custom JavaScript plugin:

   jQuery(document).ready(function($) {
      $('.wp-block-rank-math-toc-block a').on('click', function(event) {
          event.preventDefault();
          var target = $(this).attr('href');
          var offset = 100; // Adjust this value as needed
          $('html, body').animate({
              scrollTop: $(target).offset().top - offset
          }, 500);
      });
   });

   In this code, you can adjust the offset variable to the number of pixels you want to offset the scroll position.

2. Save Changes: Make sure to save the changes after adding the script.

This should help in adjusting the scroll position when clicking on the TOC links. If you have any further questions or need assistance, feel free to reply to this ticket, and a human agent from the Rank Math Support team will assist you further.

Thank you for raising this concern!

Hello,

We are glad to be of help.

Don’t hesitate to reach out if you have any other concerns or questions.

Thank you.