Gap in Mobile between Top of Page and First Section

Every time I go to the mobile version of a page, it seems to have a gap in between the top of the page and the first section. I can’t seem to move the section to the top of the page, so I just get this white section at the top of my mobile pages. Anyone know how to fix this besides building all new pages?

I have had this happen before. The trick lies in adjusting the header and making sure its height set at the same height as the content therein.

It seems to happen when I toggle the header from the PINNED and OVERLAP THE NEXT SECTION from on to off and back to on again.

So, if you header is 100px. Make sure nothing is greater in height than that. Play with the heigh and watch that gap disappear.

I hope this works for you.

Oh my goodness, you are amazing. I wish I would’ve known this sooner, this is so incredibly helpful. THANK YOU!