0

I'm building a website using wordpress. On the site, I embled an "Airtable".

<iframe style="background: transparent; border: 1px solid #ccc;" src="https://airtable.com/embed/shr4DVQq5GWJEG4xV?backgroundColor=gray&amp;layout=card&amp;viewControls=on" width="100%" height="600" frameborder="0"></iframe>

This is the embled code. This works good viewing with a pc, but some important functions is not available on the mobile phone mode. What I dreadfully need is to disable the mobile mode even if the viewer is using a mobile device. I would greatly appreciate it if anyone can help me.

Emmett
  • 14,035
  • 12
  • 56
  • 81
Takuan
  • 1
  • 1

1 Answers1

0

This should be work:

Put this one of them in head tags

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Or this:

<meta name="viewport" content="width=960; user-scalable=yes;" />
Husni Salax
  • 1,968
  • 1
  • 19
  • 29
  • Thank you very much for answering! Can I ask where should I put the code in? I'm sorry I just started to write javascripts yesterday. – Takuan Sep 23 '16 at 19:39
  • @Takuan put this code in head tags, here is more information about soultion: http://stackoverflow.com/questions/17821639/disable-initial-zoom-when-viewing-a-page-with-mobile – Husni Salax Sep 23 '16 at 19:42
  • Thank you very much to helping me. I tried all you have taught me. It "worked" as the web site became pc view or decreased in size but the airtable's view is always moblie mode :(. I tried the code below to make the media itself smaller. It became smaller, but the airtable was still mobile mode. – Takuan Sep 24 '16 at 18:39
  • – Takuan Sep 24 '16 at 18:42
  • I'm still figuring it out. I'm not sure but I think the application recognize the device itself. What can I do if I add some code in the embled code which I mentioned at first? – Takuan Sep 24 '16 at 18:48