How to make sure the header navigation link jumps to the top of a section on the same page

I'm trying to make the "Portfolio" navigation link in the header on the single-page site, on the home page of my site, to jump to the "Portfolio" section to the desired position where the section header "Portfolio" is visible, instead of requiring the user to scroll up to see the whole section. 

Hi,

Can you share link to your site? We can check easier

wolfwebdev.com

On 10/7/2023 at 2:19 AM, wolfpassion20 said:

wolfwebdev.com

 

You mean Header overlap "Portfolio title"?

Try adding this to Website Tools (under Not Linked) > Custom CSS to fix this problem

h3#portfolio {
    scroll-margin: 500px !important;
}
html {
  scroll-behavior: smooth;
}

Or you can also consider disable sticky header on this page only (I can give the code if you need)

If you are using 7.1 , you can use this anchor link.