Hi there
Just wanted to approve the gallegy/mansonry at a new website I’m working on and magnified images do not appear at properly position.
When I look at the CSS it looks like this in «INLINE»:
Element {
top: 559px;
position: absolute;
height: 2373px;
}
The website is:
Thank you!
Hey salai_com,
I am not seeing any masonry on that page, could you please post a screen shot with the issue that you are having?
Best regards,
Victoria
Hi Victoria
Sorry for my delayed answer: I had to work further on the page…
Here you may find the issue:
and it looks like this: instead of being centered and covering the page the magnifier is covering only a certain amount of the pagesize and the lightbox image is dropping down :-(
I think the problem is caused using the fullwidth slider… when I use a gallery without the slider it appears all right:
Thank you for your help
Hi salai_com,
I got “File not found.” on both of these. I was able to login, but previewing the page also gives file not found. Is this some setting you have?
Best regards,
Victoria
Hi Victoria
I am really sorry – I just had to jeep up with my work and already moved the page to a new server.
The Links are:
and:
http://bauteam.salai.com/gallerie/fotos-freitag-28-april-2017/
Sorry – thank you for you help!
Hi salai_com,
Here is the issue from the developers of the Magnific-Popup, the library that is used for lightbox.
Let’s try to fix it with this code, which has to be put in functions.php
add_action('wp_footer', 'ava_new_custom_script');
function ava_new_custom_script(){
?>
<script type="text/javascript">
(function($) {
function a() {
if ($.magnificPopup) {
$.magnificPopup.defaults.alignTop = true;
}
}
$(window).load(function() {
a();
});
})(jQuery);
</script>
<?php
}
Let us know if this was helpful.
Best regards,
Victoria
Thanks Victoria
It seems to be working well!
Take care!
Safet