Very small size of elements in mobile use when integrate iframe

Product Requests and Ideas
#1

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 :

Screenshot_20220214_115246_com.android.chrome
Screenshot_20220214_115246_com.android.chrome1080×2340 41 KB

Screenshot_20220214_115259_com.android.chrome
Screenshot_20220214_115259_com.android.chrome1080×2340 39.8 KB

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
Vincent

#2

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
Customize Toolbar icon size for mobile device using Iframe API
#3

Shawn,

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

Vincent

#4

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