This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Lightbox display on iPhone 5 (landscape)

  • Creator
  • #2424

    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.

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

Viewing 1 replies (of 1 total)
  • Author
  • #2444
    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 —

    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.

Viewing 1 replies (of 1 total)
  • The forum ‘Swagger Responsive WordPress Theme’ is closed to new topics and replies.