Anchors scrolling too far

Support
#1

My Anchors within the body of my pages scroll too far down. I believe it has to do with the Pro header not being considered. How can I offset the header? I am seeing other forum posts with custom coding to be able to do this but I also saw that I have to post my own thread for my particular circumstance.

For an example, please click the button at the top of the attached page (I will add to a private reply).

#2

Hello There,

Thanks for writing in! The One Page Navigation functionality is not completely available in Pro yet. It was not available at all in the previous version, but in the new version which you installed already the smooth scrolling functionality is working, but the code does not calculate the sticky header height at the moment. There are many factors involving the height of the sticky header due to the complex nature of the Header Builder.

Meanwhile, to be able to resolve the issue in the page in question, please edit the page back in Cornerstone and in Cornerstone custom js section, Custom JS, insert the following custom js code

jQuery( function($){
  $(document).on('click', '.x-btn[href^="#"]',  function( e ) {
    var ID = $(this).attr('href');
    e.stopPropagation();
    $('html, body').stop().animate( { scrollTop : $(ID).offset().top - 132  }, 'linear' );
  });
});

Hope this helps.

Smooth scroll offset and Headlines
Offset sticky bar when "smooth scroll"
#3

This worked perfectly! Thanks!

#4

As always you’re welcome!
Thanks for letting us know that it has worked for you.