Question

I have a small issue with fancybox 2. I’m now to the coding stuff so sorry if I am going to ask stupid questions.

I got the fancybox working on the testsite but when I click on an image the box opens and the whole page in the background shifts to the right and the scrollbar disappears. I don’t want this behaviour. The scrollbar should be there.

It is on this site: http://elgaucho.lu/restaurant.php

Can you help me please?

Thanks in advance

Andy

Answer 1

As far as I can tell, you modified the original fancybox css file.

You changed the line 167 from this

.fancybox-lock {
    overflow: hidden;
}

into this

.fancybox-lock {
    overflow: hidden;
    margin-right:0 !important;
}

… and the line 187 from this

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

into this

.fancybox-lock .fancybox-overlay {
    overflow: hidden;
    overflow-y: hidden;
}

… so no wonders (bear in mind that the js file also changes some css properties dynamically so you may not have full control just changing the css file)

Generally speaking you shouldn’t mess with the original files unless you are pretty sure what you are doing, otherwise you will have unexpected results