Hiding the header when using a gridview; Ubuntu Touch; QML

Hiding the header when using a gridview; Ubuntu Touch; QML

I'm a beginner developer just now trying to dive into the Ubuntu Touch
world. I have created a pageStack with the first page being a textbox and
a simple button. The second page is a gridview with 27 listelements being
represented (image and label for each). My problem is that when I scroll
down on my gridview (since some of the elements are not in screen) the
elements go over the header. It is my understanding that since the
gridview inherits flickable the header should automatically be hiding when
I scroll. I have a feeling that this is just a beginners error so any help
would be awesome.
I didn't bother including the code but I will put it up if you feel it is
necessary to diagnose and solve the problem.