With a bit of playing around I got it to a state I am comfortable with.
There are 2 issues however that seem to be created by the logo/header
1. On Desktop the images in the gallery ( http://goo.gl/4SpuZJ ) are cut/cropped at the top as they are behind the header logo instead of being under.
How do I move the images a bit down to avoid this? I’d like them to either snap right under the header logo
2. On mobile, you’ll see a few pixels of white space at the top and at the left side of the header logo. It seems like a bug perhaps – the logo is misaligned? How can that be fixed? You also have the same problem in your demo as well. I am viewing on Galaxy S3 phone
3. There’s a lot of “flashing” on mobile when I try to scroll. I suppose because the logo is being hidden under the images. Is there a way to avoid this? I suppose one way of doing it is have images appear under the logo can solve this.