# Zoom in / out on mobile

**URL:** <https://community.weweb.io/t/zoom-in-out-on-mobile/9105>\
**Category:** How do I?\
**Created:** [June 13, 2024, 6:20pm UTC](https://community.weweb.io/t/zoom-in-out-on-mobile/9105 "2024-06-13T18:20:01Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![HeFur](https://avatars.discourse-cdn.com/v4/letter/h/34f0e0/32.png) [@HeFur](https://community.weweb.io/u/HeFur)\
**Post date:** [June 13, 2024, 6:20pm UTC](https://community.weweb.io/t/zoom-in-out-on-mobile/9105/1 "2024-06-13T18:20:01Z")

</div>

Hi there,

I have some images in my app that the user can click to open a modal containing a larger image for a better view. However, on mobile devices, it is still small and the user can’t zoom in / out.

How do I enable zoom in / out on mobile devices?

Best,

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [June 17, 2024, 7:27am UTC](https://community.weweb.io/t/zoom-in-out-on-mobile/9105/2 "2024-06-17T07:27:41Z")

</div>

How do you handle the behaviour on desktop?

---

<div class="post-metadata">

**Author:** ![HeFur](https://avatars.discourse-cdn.com/v4/letter/h/34f0e0/32.png) [@HeFur](https://community.weweb.io/u/HeFur)\
**Post date:** [June 17, 2024, 12:53pm UTC](https://community.weweb.io/t/zoom-in-out-on-mobile/9105/3 "2024-06-17T12:53:59Z")

</div>

There’s no need for that on desktops.  
The image that opens with the model is big enough for a clear view.

---

<div class="post-metadata">

**Author:** ![HeFur](https://avatars.discourse-cdn.com/v4/letter/h/34f0e0/32.png) [@HeFur](https://community.weweb.io/u/HeFur)\
**Post date:** [June 24, 2024, 6:58pm UTC](https://community.weweb.io/t/zoom-in-out-on-mobile/9105/4 "2024-06-24T18:58:13Z")

</div>

Any suggestions on this topic?

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [June 25, 2024, 10:29am UTC](https://community.weweb.io/t/zoom-in-out-on-mobile/9105/5 "2024-06-25T10:29:08Z")

</div>

Sorry for the delay, we’re preparing for an update. Can you make a screen recording so I better understand your problem? I don’t see why you couldn’t zoom on mobile

---

<div class="post-metadata">

**Author:** ![HeFur](https://avatars.discourse-cdn.com/v4/letter/h/34f0e0/32.png) [@HeFur](https://community.weweb.io/u/HeFur)\
**Post date:** [August 28, 2024, 2:56pm UTC](https://community.weweb.io/t/zoom-in-out-on-mobile/9105/6 "2024-08-28T14:56:50Z")

</div>

Hi Luka,

The screen recording really doesn’t give any adittional information. Just opening a modal with an imagem element inside.

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/a/a6e95b9372833f75fc2f5e6c6930cb62130956a7.jpeg)

When I click on the element “Expandir” (top left corner) it opens a modal with an image

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/4/4dae6ecb654b1fa5f2c345188fe9f678cba7005e.jpeg)

The problem is with this image that I can’t zoom in and it is small on mobile. On desktop I don’t have this problem because it becomes larger with the screen size.

---

<div class="post-metadata">

**Author:** ![HeFur](https://avatars.discourse-cdn.com/v4/letter/h/34f0e0/32.png) [@HeFur](https://community.weweb.io/u/HeFur)\
**Post date:** [September 6, 2024, 11:01pm UTC](https://community.weweb.io/t/zoom-in-out-on-mobile/9105/7 "2024-09-06T23:01:01Z")

</div>

Any thoughts on this?

---

<div class="post-metadata">

**Author:** ![HeFur](https://avatars.discourse-cdn.com/v4/letter/h/34f0e0/32.png) [@HeFur](https://community.weweb.io/u/HeFur)\
**Post date:** [September 11, 2024, 6:44pm UTC](https://community.weweb.io/t/zoom-in-out-on-mobile/9105/8 "2024-09-11T18:44:55Z")

</div>

Anyone?

---

<div class="post-metadata">

**Author:** ![HeFur](https://avatars.discourse-cdn.com/v4/letter/h/34f0e0/32.png) [@HeFur](https://community.weweb.io/u/HeFur)\
**Post date:** [September 26, 2024, 5:25pm UTC](https://community.weweb.io/t/zoom-in-out-on-mobile/9105/9 "2024-09-26T17:25:15Z")

</div>

Anyone? @luka

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [September 27, 2024, 8:18am UTC](https://community.weweb.io/t/zoom-in-out-on-mobile/9105/10 "2024-09-27T08:18:20Z")

</div>

We don’t have this kind of an element(yet). You could easily make a modal with the image but the zooming will still be a problem

Maybe you can use something like [https://www.zoomable.ca/](https://www.zoomable.ca/)? I’m sure there are other libraries for this
