Hi Guys,

After a bit of help.

I am currently creating a site using the wedding template and I have added the lightbox gallery component. The problem I am having is that the gallery is visible on desktop, whatever the screen size, but when I check it on my ipad or iphone just a grey block appears with no images, can anybody help?

Site is at https://croxtonmedia.co.uk/beauweddings/gallery.html

Many thanks,
Greg

Works like a charm on my iphone 6.

I recognize the component you have used as one of mine. I have just tested it, and I cannot find anything wrong with it. Where do you see the grey?

Well on my mobile which is t iPhone and Android it works ok except all the images towards the bottom overlap the footer part which makes it impossible to see the text, perhaps you need check heights for containers body etc at mobile devices anyway, that doesn't answer your question and problem on Apple stuff but still needs
addressing for all device widths

You have some errors on that page regarding some images (as well as a warning message)
not sure if that is the cause of your issue with iPhones etc, but it's worth addressing,, also over here in deepest darkest Jawa it takes an absolute age to load that page

Warning: Consider adding a lang attribute to the html start tag to declare the language of this document.

Error: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.

From line 100, column 50; to line 100, column 78

-deleted"><img src="images/close.png"/>↩<img

Error: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.

From line 101, column 1; to line 101, column 31

se.png"/>↩<img src="images/loading.gif"/>↩<img

Error: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.

From line 102, column 1; to line 102, column 28

ng.gif"/>↩<img src="images/next.png"/>↩<img

Error: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.

From line 103, column 1; to line 103, column 28

xt.png"/>↩<img src="images/prev.png"/>↩<img

Error: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.

From line 104, column 1; to line 104, column 27

ev.png"/>↩<img src="js/lightbox.js"/>↩<img

Error: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.

From line 105, column 1; to line 105, column 39

box.js"/>↩<img src="js/lightbox-plus-jquery.js"/>↩<img

Error: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.

From line 106, column 1; to line 106, column 29

ery.js"/>↩<img src="css/lightbox.css"/></div>

Phew no wonder it takes an age to load the images for the thumbnails are huge, consider making them smaller for phone & or even medium device sizes, that's part of the beauty of site designer, it makes doing that a doddle for different size images at different viewport sizes.

Thanks for all of your help, strange why it doesn’t view correctly on mine, perhaps it is old css files interfering although I did clear the data before I viewed it.