Menu cover page when scroling

Can you please help me adding a menu height value to scrolling?
Menu height is now 125px on my page, and when I use scroling anchors some of the text or images are covered by menu. It is because it scrolls till top of the browser window instead bottom line of the menu.

Many thanks in advance for your help.

I've implemented this

Code: Select all

:target:before {
content:"";
display:block;
height:90px; /* fixed header height*/
margin:-90px 0 0; /* negative fixed header height */
}

and it fixed my problem but now page is scrolled till top of the browser window and without animation is corrected by this code which looks like hiccough

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.