[wlewisParticipant]

Hey Guys!

My button / lightbox link URL opens when viewing on my computer but not on tablet or mobile devices. The link is to an ‘About page’ on my tumblr blog for text purposes.

When clicking the button on the tablet / mob devices it takes to the intended page and opens a lightbox but the page is blank but with the background of the intended page.

is there an added bit of code or class that i need to add in the button or light box?

Any help would be much appreciated.

[ZeshanMember]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you.

Thanks!

[wlewisParticipant]

Thanks!

http://www.generationfootball.club/

it’s the first button/lightbox at the bottom of the ‘about’ section.

[ChristianModerator]

Hey there,

I tested the lightbox in my phone and tablet and it works fine. Everything shows up. Please clear your browser history and check again.

Thanks.

[wlewisParticipant]

Thanks for the reply but the problem still exists.

I’ve cleared my browser history on both my mobile & tablet and also on my friends. As with the first problem, the lightbox opens but the page is empty. It opens perfectly when using my standalone Mac and leads me to the desired text on my tumblr blog
http://generationfootball.tumblr.com/about

The page remains as a red background colour of the blog page when opening on mobile devices.

If you could look again that would be much appreciated.

Thanks

Wayne

[FriechModerator]

Hi Wayne,

Thank you for writing in! it appears that the about page on lightbox works fine on our end. If you wouldn’t mind providing us some screenshots of the issue.

Cheers!

[wlewisParticipant]

thanks!

so this is what’s supposed to open from clicking the ‘learn more’ button on the about page:

https://www.dropbox.com/s/hjbmo5ro90zn3fn/Screenshot%202015-01-15%2023.51.08.png?dl=0

here’s a screenshot of what appears on all mobile devices even after clearing browsing history:

https://www.dropbox.com/s/rt8zsigtdgz3x8s/Screenshot%202015-01-15%2023.57.09.png?dl=0

hope this sheds some light.

thanks

[RadModerator]

Hi there,

Lightbox uses iframe for loading content from a url. And iframe shouldn’t be using url with different domain. Mobile or desktop browsers can have different rules for iframe, and mobile sometimes are more sensitive for that.

Don’t use url something like this http://generationfootball.tumblr.com/about, but use something like http://generationfootball.club/about as lightbox url (should be same domain as your site).

Hope this helps.

[Author]

Posts