@arminunruh no problem, I just solved it by putting the thumbnail grid below the index element on the landing page in the Gridder.
I added grid_view_container class to the row where I placed the Thumbnail Grid.
For the row below I added the class list_view_container and placed the Index element there.
I did the same for the mobile version.
by doing this I can now hide these rows by clicking the toggle button thanks to some javascript.