Lightbox Ultimate – when lighbox popup displays, top of page is displayed

[BounceLearningKids]

I have the plugin working BUT when I click on the image and the pop-up appears and displays the embedded Youtube video, the web-site page that I’m on jumps to the top of the page in the background. When I dismiss the pop-up, the page returns to where I was before I clicked on the image. The problem is that if there is some animation at the top of the page, this distracts from the embedded Youtube video that’s playing.

Is there some way to prevent this behaviour? I really just want the pop-up to appear exactly where I click it and without the page changing positions.

Below are all the configuration details – including the short-code configuration that I’m using.

– Chris

Configuration details:

[http://BounceLearningKids.com] (click on the “Play” icon near the clock)

OS X 10.9.1

Safari 7.0.1

Firefox 26.0

WP Lightbox Ultimate by Tips & Tricks HQ version 2.0.9

Wordpress version 3.8.1

[wp_lightbox_ultimate_youtube_video_embed videoid=”?????????” width=”640″ height=”386″ hd=”0″ autoplay=”1″ display_control=”1″ fullscreen=”0″ autohide=”2″ theme=”dark” use_https=”” enable_privacy=”” show_logo=”1″ showinfo=”0″ auto_popup=”” direct_embed=”” anchor_type=”image” text=”” show_suggested_video=”0″ source=”????????.jpg”]

[wpCommerce]

Hi, Can you please switch to a different theme (example: Twenty 12) and see if it happens:

https://support.tipsandtricks-hq.com/forums/topic/test-to-identy-a-conflicting-theme-or-plugin

[BounceLearningKids]

Unfortunately, I don’t have the ability to do that. Is this behaviour as I’ve described not supposed to be happening?

[wpCommerce]

This is not the normal behaviour of the plugin (which is why I asked you to do the theme testing). I believe your theme doesn’t have the proper markup. So the plugin is not being able to locate the position inside the page.

We will see if we can give you a workaround using CSS. I have sent an email to your registered email address for site access. Let me know if you don’t receive it.

[Patrick]

What was the follow up to this issue? I am experiencing the same problem.

[wpCommerce]

@Patrick, which shortcode are you using? This is just a theme CSS issue that can be fixed using this tweak:

1. Install our WP Custom CSS plugin: http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

2. Add the following CSS code to the settings menu of the plugin:

.fancybox-lock {

overflow: visible !important;

}

[Patrick]

That fixed it. Thanks.

[Author]

Posts