"viewport too small to display the gallery element"

Hi!

I used to embed a regular gallery view in my WordPress web site but I did not like how the title of each card (primary field) where always cut off. I tried creating an interface design of the same gallery, embed it, and I really liked the result. Titles were visualized in its complete form and the whole thing looked better and cleaner.

The thing is that for some reason, the mobile version of the embed gallery interface came out grayed with a message saying "viewport too small to display the gallery element". I checked out the embed code and it was basically the same for both for the regular gallery view and the gallery interface. Nontheless, the regular gallery view showed in the mobile version of the website and the gallery interface not.

If anyone has an idea or suggestion on what is causing this and how to solve it I'd appreaciate it.

The iFrame code:

Page 1 / 1

Airtable views are built to be responsive, so they work great on mobile. Interfaces, though, aren't really made for small screens, which is why they don’t show up properly on phones.

One way around this is to use JavaScript to check the screen size. If it’s a big screen, you can show the Interface. If it’s a smaller one, just load the view instead.

Taha, Airtable Advisor

Thanks Taha!

Hey @patbr!

For sure an overbuild, but do keep in mind that front end solutions such as Softr.io would allow you to have better looking and responsive ways of displaying your Airtable data. Just putting that out there in case using Wordpress is not a must for you!

Mike, Consultant @ Automatic Nation

Thanks Mike! Unfortunately, the Airtable embed is part of a pretty large website already build in WordPress. I haven't checked Softr.io yet, but I've seen quite a few mentions so I'll give it a look anyway.

Patricia

Reply

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded