Reply To: Empty space above 1st row on mobile view

I think I fixed it.
I used the following code.
.main-page-wrapper { padding-top: 0px; }

Using this code messed the single product page image carousel. The upper part of the carousel as well as the picture in it were getting hidden under the header. So, I used the following code to fix that as well.
.container-fluid {margin-top: 30px; }

*Hope I used the right code and tag.