jquery fancybox not showing overlay correct
- by George Grigorita
I have fancybox setup on this wordpress site: http://melisayavas.com/web/
When a user click on the bottom link News subscription the ajax pop-up box appears but the overlay doesn't float over the main content.
This is the fancybox code that I used:
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
$(document).ready(function() {
$(".various").fancybox({
maxWidth : 800,
maxHeight : 600,
fitToView : true,
width : '70%',
height : '70%',
autoSize : true,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
This is the link that the fancybox AJAX is shouwing: http://melisayavas.com/web/wp-content/themes/murtaugh-HTML5-Reset-Wordpress-Theme-8aa6329/subscribe.html - it's a mailchimp form.
I have no idea why the overlay doesn't work properly...