Large gallery images don't render properly on iPhone

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?

 

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%;
}