On Phone Mobile View there is a big space at top of page with sticky menu

On Phone Mobile View there is a large space at the top of the page under the header but on desktop view there is not. This is happening using sticky menu and Full Page Slider on the Home page. All other pages have the large gap at the top on mobile.

I am hoping you can help.

www.electronicsandgifts.com/training

Hi,

I just checked your site but can’t see the issue in your site. Could you please to take a screenshot and share the link here?

Regards,
Awan.

http://electronicsandgifts.com/training/screen-shot/

Thank you. Ah the issue is on another page.

To fix the issue, you can put the CSS code below using Custom CSS plugin:

body:not(home) .page-wrap {
    padding-top: 0px;
}

Regards,
Awan

Please take a look at the link again because now on normal pages the top is cut off where it should say About Us.

It would be so much easier if I was just able to move the Logo and Menu above the Slider.

Thanks

I see… need to add media query for the CSS code in above. Please replace the CSS code in above using this:

@media only screen and (max-width: 900px){
  body:not(home) .page-wrap {
    padding-top: 0px;
  }
}

Tried it and is seems to have no effect

Looks like it worked just took a really long time to update for some reason.

Thanks