javascript - FullPage.js paddingTop issues on different screen sizes -

I'm using a website I'm building but a lot of issues are happening For setting fullpage.js with paddingTop setting and screen properly visible

For example:.

Here's Chrome on a 13 "MacBook Air

Here is the screen on the iPad 2 (vertical) View:

The problem is the gap at the top of the gap on the screen It appears that the bigger 13 "laptop too

is here. My Javascript :.

  $ ( '. FullPage') Complete page ({Responsive: 768, autoscrolling: false, anchor: [ 'home', 'customResearch', 'onlineCommunities', 'buzzSection' 'ourStorySection', 'howWeWorkSection', 'aliciaProfile', 'patProfile', contact 'clientsSection', 'experienceSection', 'us'], simple: 'easeInOutCubic', fixedElements: '#mainNav', fitToSection: false, VerticalCentered: true, Luphorijontl: false, Scrolovrflo: false, CSS 3: True e Padingtop: 147 'PX', Risaijः Fotl, load: function (anchor links, index) {if ($. Array (anchor Linc, [ 'Elisiaprofail' Patprofail ' ])) {Var Parent = There are $ ( "anchor =" + anchor link "+"] "); if (Hailement Inviport (parent)) {animateProfileSubImages (parent);}} var expTblCell = $ ( '#' experience '). (' Fp -TableCell. '); $ (ExpTblCell) .attr (' style ',' ');}});  

there is no padding on the HTML body. I just NER on the screen The top image section is required to sit directly below (regardless of screen size)