Ask your WordPress questions! Pay money and get answers fast! (more info)

Help with Magic Door Script WordPress

  • SOLVED

Hello,
I am having an issue with the portfolio script called Magic Door. The magic door script works fine on the desktop version but does not seem to load the content when a thumbnail is clicked on mobile devices.

See this link on a desktop and click a thumbnail to see the proper function http://simplefilms.com/work/

On mobile devices it just opens 3 or 400px and nothing loads.

any help is appreciated.

Joe

Answers (5)

2015-11-07

Hai Bui answers:

Your site is not responsive, right? I think you need to remove the viewport meta tag.

<meta name="viewport" content="width=device-width, initial-scale=0">


konigmedia comments:

this fixed it! thank you..

2015-11-06

Tache Madalin answers:

On which mobile are you referring to ? My OnePlus works just fine (Android 5.1 - Chrome).


konigmedia comments:

I should have specified.. sorry.. Safari on an iPhone

2015-11-06

Rempty answers:

Yeah which mobile device, tested on iphone 5 and nexus 4 and works fine. Which browser?


konigmedia comments:

Safari on iPhone 5 & 6


Rempty comments:

add this to your css

#door-frame{width:100%;}


Rempty comments:

Modify from @Romel Apuya answer

[email protected] (max-width: 375px) {
@media only screen and (max-width: 767px) {


Rempty comments:

Maybe you can try to debug

Remote debugging on iOS with Safari Web Inspector

To debug Safari for iOS, follow these steps:
Open Safari on your iOS device.
Connect it to your computer via USB.
Open Safari on your computer.
In Safari’s menu, go to Develop and, look for your device’s name.
Select the tab you want to debug.

2015-11-06

dimadin answers:

I loaded it in both Safari for iPhone and Firefox for Android, but it is not working always working from the first time and that also happened on desktop.

So the problem probably is not with video, it probably is with some of your Javascript. That site is way too slow so that add to the fact.

BTW, your homepage isn't optimized for mobile (doesn't look good there) and there are 404 "Not found" errors for some resources on your site.


konigmedia comments:

Safari on iPhone 5 & 6 doesn't work for me at all on the iPhone


dimadin comments:

It doesn't mater what version of iPhone is, but what version of iOS is. Findable under Settings > General > About.


konigmedia comments:

version 9.1


dimadin comments:

Sorry, I am still on 8.4 and I don't plan to upgrade soon. But I am not sure that there is so big difference in from 8 to 9 that something works on 8 but don't on 9.

2015-11-06

Romel Apuya answers:

Hi,

add this in ur custom.css

@media (max-width: 375px) {
#door-frame{
width:100%;
}

#content {
margin-left: 15px !important;
width: 100% !important;
}

iframe {
width: 100% !important;
}
}


Romel Apuya comments:

also include


iframe {
width: 100% !important;
}


konigmedia comments:

Thanks for the help.. This opens the viewer more but still won't load anything. It's just a black space..


Romel Apuya comments:

@media (max-width: 375px) {

#door-frame{

width:100% !important;

}



#content {

margin-left: 15px !important;

width: 100% !important;

}



iframe {

width: 100% !important;

}
}


konigmedia comments:

hmm.. still no luck.. same issue..
opens up but the video or image doesn't load...