Blank space between portfolio and header

Hi all,

On mobile view. I am having issues with blank space between portfolio and header, but it seems that the same issue persist on basically all pages on my website! Why do I get this blank space between first section and header? It is super annoying.  

I have previously customized the portfolio landing page to just one column with below code:

.portfolio-grid-overlay {
  grid-template-columns: 1fr!important;
}

.collection-content-wrapper {
  padding:0!important;

}

Anyone has an idea how I can tackle this issue?

Hi all!

It has been resolved. I dont know how really, but deleted a bunch of code and it seems to resolved the issue.