mobile nav and image placement problems

Hello ,

I’m affraid i have more problems , still love the lightbox though.

Viewing on desktop everything works well.

If i view on a mobile with small galleries ( equal to or less than a page height ) everythign also works fine.

If i view on mobile with large galleries then I get navigation issues. The navigation arrows are set at top:50% which on places them half way down the page , but if the image is a landscape image (ie width is greater than height ) the image is at the top of the screen and therefore the nav arrows dont line up . (I changed this to top:50vh which sloved this problem.)

Though if the image is portrait (ie height is greater than width) the image shows half way down the page (not the screen) , and therefore lines up with the arrows as they were.

I hope this makes sense.

If you look at the page and nav through a few images you will see what i mean.

Also touchswipe doesn’t seem to work for me (scripts load ok, but ….)

Thanks

The page I need help with: [log in to see the link]