Very small size of elements in mobile use when integrate iframe

Hello community,

We have self hosting our jitsi app and it work very fine but in case of use in mobile phone when use by integrate in IFRAME all elements (buttons, textfields, toolbars) are too very small :
As show in the screenshot I did :

It seems that is in relation with this post too (but no answer) :

Changing the all.css for mobile style sections doesn’t have any effect…

Is there a possibility to force jitsi to say “it’s running on mobile device” (like in the configOverwrite array, or others) ? Or use a different css file in case of mobile to be able to customise ?

Thanks by advance

Perhaps try adding the following in <head> on the page that is hosting the iFrame?

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


Thank you very much you saved my life :slight_smile:
It works, it’s perfect.


You’re very welcome. Glad I could help :slight_smile:

@shawn Genious!!! you save me after many hours of looking for a solution.