# Webviewer pinch zoom goes outside screen width

**URL:** <https://community.thunkable.com/t/webviewer-pinch-zoom-goes-outside-screen-width/558821>\
**Category:** Questions about Thunkable X\
**Created:** [April 6, 2020, 10:08am UTC](https://community.thunkable.com/t/webviewer-pinch-zoom-goes-outside-screen-width/558821 "2020-04-06T10:08:09Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![danielemazza67b](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/danielemazza67b/32/70808_2.png) [@danielemazza67b](https://community.thunkable.com/u/danielemazza67b)\
**Post date:** [April 6, 2020, 10:08am UTC](https://community.thunkable.com/t/webviewer-pinch-zoom-goes-outside-screen-width/558821/1 "2020-04-06T10:08:09Z")

</div>

Hi, I am using a webviewer component to load an html text file. It can be zoomed with a pinch movement. However the text goes out of the mobile screen. Is there a way to pinch- zoom but without going off the mobile width but simply rearranging the zoomed (bigger ) content in a responsive way? Please let me know.  
Thanks

[https://x.thunkable.com/projects/5e8ae69ebeea279ffed97177/376b50d6-e271-4ba3-81f6-c5efd156a07e/designer](https://x.thunkable.com/projects/5e8ae69ebeea279ffed97177/376b50d6-e271-4ba3-81f6-c5efd156a07e/designer)  
This is my example project

If I use the label and a slider to increase font I obtain the intended effect (the text will remain inside the screen), however I cannot format the different words in the same label (and I need only one label). If I use HTML I have the text formatted but if increased it goes out the screen width :-((

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [July 15, 2020, 1:42pm UTC](https://community.thunkable.com/t/webviewer-pinch-zoom-goes-outside-screen-width/558821/2 "2020-07-15T13:42:06Z")

</div>

Hey @danielemazza67b,

I don’t think there’s anyway - at least with the webviewer - to tell it to zoom in a bit, but not too much.

Did you write the code for the website that you’re displaying too? You would have more control over things like break points if you do.

---

<div class="post-metadata">

**Author:** ![danielemazza67b](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/danielemazza67b/32/70808_2.png) [@danielemazza67b](https://community.thunkable.com/u/danielemazza67b)\
**Post date:** [July 16, 2020, 2:32pm UTC](https://community.thunkable.com/t/webviewer-pinch-zoom-goes-outside-screen-width/558821/3 "2020-07-16T14:32:43Z")

</div>

Yes, I write the code. I have been trying all the different code lines for pinch zoom in html but with no success ☹

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [July 25, 2020, 9:04pm UTC](https://community.thunkable.com/t/webviewer-pinch-zoom-goes-outside-screen-width/558821/4 "2020-07-25T21:04:28Z")

</div>

> [@danielemazza67b](#):
>
> Yes, I write the code

Can you make the design responsive so?

---

<div class="post-metadata">

**Author:** ![danielemazza67b](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/danielemazza67b/32/70808_2.png) [@danielemazza67b](https://community.thunkable.com/u/danielemazza67b)\
**Post date:** [August 20, 2020, 2:13pm UTC](https://community.thunkable.com/t/webviewer-pinch-zoom-goes-outside-screen-width/558821/5 "2020-08-20T14:13:22Z")

</div>

Yes, I can. It works with the browser (if I resize the screen the text is responsive). However, it does not work with apps (it is not responsive if I pinch zoom)

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 11:39am UTC](https://community.thunkable.com/t/webviewer-pinch-zoom-goes-outside-screen-width/558821/6 "2024-11-08T11:39:23Z")

</div>


