i have a problem with a templat, on phone version, as the title says, every time i chick an , it scrolls to the specific section of the page but somehow it snaps few pixels under.

you can test it here: test.acwebsite.ro

you can also see the code with view source. the JS of the file is “site.js” and CSS is “style.css”

i tryed adding margins and/or paddings hopping to make the space between sections bigger but to no avail. it scrolls past the margins and padding at snaps at the same poin witch is a .

i also added another above the one and it seems to snap over the first element in the section.