Disable screen zoom on mobile

Need help Mobile
21

Thanks, but is not working here, because I need zoom control per page…

22

You can do it here:

20
20378×603 22.8 KB

1 Like
23

Thanks @jaos.pcl, but that does not prevent the zoom function

if you want to check it on your mobile: http://tiny.cc/oo403y
when I click a dropdown it zooms in into the field, but never zoomed back out

24

Draw an html element on the page and add:

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

7 Likes
25

Great that works!
you are my hero!:+1:

1 Like
26

Still have some issues about scrolling…
On my iphone xr my menu icon and “back” button will go up into the part where battery/wifi and clock is located

These are not visible on my white background as the font colot is also white, but when scroll down lifts te page a little and my icon gives an other color in the back and the white font is visble…

image image
How to solve that scrolling into that area?

Thanks a lot!
Marco

27

Great fix!
Btw do you know why adding "meta name=“viewport” content=“width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no” in settings does not actually add it? I am checking with view page source in Chrome and only your thing actually adds it to header.

28

Are you on a paid plan? You need to be on a paid plan to add meta in the header via the settings.

15
151181×35 5.69 KB

1 Like
29

Is anyone able to share the preview view of their app with this working?

Can’t seem to get any meta info to work. Wondering if it’s my device?

Thanks

30

Anyone?

Still have this annoying problem…

thanks for helping!

31

Which part are you having trouble with?

32

On this part:

Still have some issues about scrolling…
On my iphone xr my menu icon and “back” button will go up into the part where battery/wifi and clock is located

These are not visible on my white background as the font colot is also white, but when scroll down lifts te page a little and my icon gives an other color in the back and the white font is visble…

image image
How to solve that scrolling into that area?

Thanks a lot!
Marco

33

What do you have in your header?

34 
<header> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> </header>
35

I’m not sure I understand what you mean here:

but the code you have in your header shouldn’t wrap your website to the full extent. That is, your icons shouldn’t appear behind the status bar.

36

Ok, I try to visualize the problem :smiley:…

This is my problem with bubble apps…
You can see the time and wifi simbols are on top of my bubble menu and user name

This is because the bubble app is scrolling to far up:
This is what I’m looking for: Symbols are steady on top of the app, below that my menu and logo bar is steady on top of my bubble app. Below that I only want vertical scrolling and no horizontal scrolling

Thanks a lot for your help!
Marco

1 Like
37

anyone?
Your help is much appreciated!
Thanks in advance!

39

Great little trick about changing font size to 20pt - it works and now the mobile browser doesn’t automatically zoom in when someone fills a form! Thank you!

EDIT - it also works at 16pt font for me, so might be worth trying 16 instead of 20 if you don’t want a huge font messing up the stylez

3 Likes
40

Hello bubblers,

Does anyone experience the opposite issue?

The content of my APP cannot be zoom in on a mobile device, even though the check box “Prevent the user from zooming” is unticked.

I would like the users to be able to zoom in the text with a smile size inside my app.
Could you please help me?
Thank you in advance :wink: