Wrong anchor scroll position in iPad

My website submenu links are taking me to the wrong position when i am using iPad Air 2.
I’m using the last version (4.4.1), only using Yoast plugin and tried to find a solution with no success.

But the website https://pixelflips.com/blog/anchor-links-with-a-fixed-header found a solution!
The tip is to create new color sections just above each old section, name the new section with the old ID and give the class “anchor” to each new section.
Then, just add the CSS:

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {

.anchor {
display: block;
height: 148px; /*same height as header*/
margin-top: -148px; /*same height as header*/
visibility: hidden; }
}
Where the “148px” values are the same as my website header.
That’s it… Not perfect (creating a blank section…), but works for now…