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
    Topic
  • #2424
    fcampagna
    Participant

    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.

Viewing 1 replies (of 1 total)
  • Author
    Replies
  • #2444
    Jason Bobich
    Keymaster

    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.

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