I don't know whether this is a css problem or a javascript problem. My js knowledge is very basic. I purchase some javascript from Project7 to scroll my pages vertical, and I am having a small problem. There is probably a fairly simple solution, but I can't figure it out.

In this first example, the top padding for the first page is set to 0.
Everything works well until the home button is clicked:

Test 1

In the second example, the first page has the a padding of 260px, same as
all other sections (the header is also 260 px). When the page loads, there
is a 260px gap between the header and the first section. Once any button is
clicked, everything is works fine. Even if the page is refresh, it works
fine.

Test 2

I have been playing around with this for hours and I cannot figure out how
to set everything right.