On page links scroll too high

  • I have an issue with on page anchor links. My page is split into 4 sections so I’ve created 4 buttons at the top to jump into each section. All works fine, except the scrolling goes too far, hiding behind the header.
    The header is custom Elementor template but I have the same element on other website done in Astra and it works just fine

    • This topic was modified 5 years, 5 months ago by redlik.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hello,

    Try to add the below code to the Customize > Custom CSS/JS section – in the JS field – 

    jQuery('a[href*="#"]').click(function(e) {
e.preventDefault();
jQuery('html,body').animate({
scrollTop: jQuery("#early").offset().top - 265
},600, "linear");
});

    Are you a paid user of OceanWP because you are using ‘Ocean Sticky Header’ which is a premium plugin? If yes, then please contact the oceanwp.org directly.

    • This reply was modified 5 years, 5 months ago by Amit Singh.
Viewing 1 replies (of 1 total)
  • The topic ‘On page links scroll too high’ is closed to new replies.