Increase Top And Bottom Margin Fancybox V2 Because Of Fixed Navigation

I'm currently working on a website which in future will be responsive. The site is primarily made up of images which in turn load into a FancyBox when clicked. v2 of FancyBox is no

Solution 1:

try the margin API option

$(".fancybox").fancybox({
    margin: [120, 60, 20, 60] // top, right, bottom, left
});

See JSFIDDLE