Onepage menu overrides text

Hi!

I have a Simone theme that Im making a childtheme of as a one-page page following the Lander tutorial in Lynda.com.
When I add the javascript to the responsive menu and everything looks good in the laptop wiev. (code below)
But in a smaller window with the “burger” menu it scrolls to far. Do I need to write a media query in the function-code? Or where to change this?

$(‘html,body’).animate({
scrollTop: (target.offset().top – 80)
}, 1000);