Disabling Airtable's mobile view on WordPress site

Other Questions Airtable
1 
I've got a WordPress site with an Airtable embed. It looks great on desktop, but the mobile version is missing some key features I need. Is there a way to force the desktop view for mobile users?

Here's what I've got in my embed code:

```html
<iframe style="background: transparent; border: 1px solid #ddd;"
  src="https://airtable.com/embed/exampleID123?backgroundColor=white&layout=list"
  width="100%" height="500" frameborder="0">
</iframe>

I’ve tried tweaking the CSS and playing with viewport settings, but no luck so far. Any ideas on how to make mobile devices show the full desktop version? It would be a huge help for my site’s functionality. Thanks!

2

I’ve faced a similar issue with Airtable embeds on mobile. Unfortunately, Airtable’s mobile view is automatically triggered based on screen size, and there’s no built-in option to force desktop view on mobile devices.

However, I found a workaround that might help. Try adding this CSS to your WordPress theme or a custom CSS plugin:

@media screen and (max-width: 768px) {
  iframe[src*='airtable.com/embed'] {
    width: 1024px;
    transform: scale(0.5);
    transform-origin: 0 0;
    height: 1000px;
  }
}

This essentially zooms out the iframe on mobile, showing the full desktop view. You might need to adjust the values to fit your specific layout. It’s not perfect, but it’s the closest I’ve gotten to forcing desktop view on mobile. Hope this helps!

3

I encountered a similar challenge with Airtable embeds on WordPress. Instead of forcing the desktop view, I opted to create a custom mobile layout within Airtable. I developed a separate view intended solely for mobile users by focusing on the essential fields and features. I then implemented a JavaScript solution that detects the screen size and swaps the iframe source accordingly. This approach required some experimentation, but it eventually resulted in a significantly improved mobile experience without any loss in functionality. It might be a viable solution if you are comfortable making some JavaScript modifications.

4

have u tried using the viewport meta tag? smth like this might work:

it forces the browser to use a wider viewport on mobile. might need some tweaking but could solve ur problem without messin with the iframe itself. worth a shot!