Lightbox display on iPhone 5 (landscape)

[fcampagna]

I have tested the site in iOS on an iPad, but my client is complaining of issues when viewing on his iPhone. He sent me this screenshot.

http://i47.tinypic.com/2nlzeh4.png

The problem arises with the lightbox effect on the videos and pictures when the site is viewed horizontally.

Topic

[Jason Bobich]

What you’re seeing in this screenshot is prettyPhoto in its default state. In our framework I’ve got modifications made to prettyPhoto to display it better on mobile devices. However, I never took into account the expanded landscape viewport when Apple released iPhone 5.

Note: This issue will be resolved with Swagger 1.2

Here’s an updated version of prettyPhoto that applies our customizations at a wider viewport size to include the iPhone 5’s lanscape orientation.

Step 1: Download this updated javascript file — http://www.themeblvd.com/temp/prettyphoto.min.js

Step 2: Put this file in your Child theme at /assets/js/

Step 3: Incorporate this in your Child theme’s functions.php like this:

/**
 * Child theme scripts
 */
function my_scripts(){
	wp_register_script( 'prettyPhoto', get_stylesheet_directory_uri() . '/assets/js/prettyphoto.min.js', array('jquery'), '3.1.4' );
}
add_action( 'wp_enqueue_scripts', 'my_scripts', 9 );

Let me know if this does not work.

[Author]

Replies