Lightbox view shifts my side by a few pixels. (Page 2)

[vtheme]

Just updated to the latest framework and the new lightbox is shifting my content space to the left by a few pixels any time that it is called to show an image…. any idea of what I can look for to debug this?

Just prior to the photo showing, the site content space shifts (seen beneath the black opaque screen) and then returns to the correct spot when the lightbox is exited.

Topic

[vtheme]

Thanks for the info –

I did notice the low download count and I DON’T want to be using PP… but the site looks broken and is distracting with the Magnific shift. I have tried all of the fixes given online for this issue, but none have worked for me yet….

I will keep trying though.

Thanks for the clarification, it was as I had hoped.

[vtheme]

Ok, I tweaked the magnificpopup.min.js file a bit and have eliminated the jump in IE, Chrome, Firefox and Safari. It required making conditions for each of the browsers for marginLeft and overflow-y (scroll/hidden) to accomplish this. If you are interested, let me know and I will send the file.

I am sure this may require maintenance for updated browers in the future, but for now this is working for me.

[Jason Bobich]

I would enqueue your updated version from your child theme so it’s gets included over the framework’s version. This way, you’re not messing with the parent theme, and it’ll remain when you make updates because you’ll be in control of it from your child theme.

[vtheme]

Awesome, how do I do this?

[Jason Bobich]

function my_scripts() {
	wp_enqueue_script( 'magnific_popup', get_stylesheet_directory_uri() . '/magnificpopup.min.js', array('jquery'), '0.9.3' );
}
add_action( 'wp_enqueue_scripts', 'my_scripts', 9 ); // before framework at 10

More info: http://codex.wordpress.org/Function_Reference/wp_enqueue_script

[vtheme]

Thank you!!!

Worked beautifully!

[Author]

Replies