Question

Re: http://fancyapps.com/fancybox/#docs

I’ve set the option for a custom margin but want to adjust that if the window is below a certain size. Does anyone know if that can be done using the API methods. Although the following won’t work, it gives you an idea of what I’m trying to do:

if ($(window).width() <= 1024) $.fancybox.update({margin:18});

Any help appreciated.

Thanks

Answer 1

I’ve made ​​changes using mediaqueries.

By default fancybox keep in your code:

padding: 0
margin: 0

And then in your container div popup put your margins or paddings and you play with mediaqueries.

@media only screen and (min-width: 1024px) {
    ....
}