Large gallery images don't render properly on iPhone

Discussion in 'Regal WordPress Theme' started by lagunascorpio, Sep 7, 2013.

  1. lagunascorpio

    lagunascorpio New Member

    Joined:
    Sep 7, 2013
    Messages:
    1
    Likes Received:
    0
    Hello,

    Just bought regal theme and used it to create a simple photography site (ocinteriorphotography.com). Created a new gallery page, uploaded some images, and it seems to work fine on desktop.

    When I view the gallery on iPhone 5, however, and click any image to view larger size... the large size image doesn't render properly. It's just a small jumble of controls. See attachment.

    I tried some code from a different thread but that didn't fix it:

    .content img {
    width: 100%;
    }

    Any way to correct this?

    I also noticed that my selected logo graphic extends off the right side of the page when viewing the site in portrait mode on the same iPhone. Is there a way to have the logo image be responsive?





     

    Attached Files:

  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    1.For your first issue

    We have checked your gallery page on multiple media devices and also in iPhone 5, But this type of issue not occurs at our side, Please check your website on any other media devices also and clear your browser cache.

    2.For your second issue

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .logo img {
    width: 100%;
    }
     

Share This Page