# Mobile version for my web game

**URL:** <https://phaser.discourse.group/t/mobile-version-for-my-web-game/15564>\
**Category:** Phaser 3\
**Created:** [February 22, 2026, 2:16am UTC](https://phaser.discourse.group/t/mobile-version-for-my-web-game/15564 "2026-02-22T02:16:34Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ayoxixCi](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/ayoxixci/32/9234_2.png) [@ayoxixCi](https://phaser.discourse.group/u/ayoxixCi)\
**Post date:** [February 22, 2026, 2:16am UTC](https://phaser.discourse.group/t/mobile-version-for-my-web-game/15564/1 "2026-02-22T02:16:34Z")

</div>

Hello, I’m currently working on the mobile version of my game. Originally designed for web browsers, I now need to adapt it for mobile devices at the request of my player community.

I admit it’s a real challenge. I hadn’t imagined making a mobile version of this game… But I’m going to work hard to succeed.😅

The problems I’m currently encountering are related to the configuration I set up for the web version; I need to readjust the display so that it adapts to all types of mobile screens.

Have you done this before?

 ![Capture d’écran 2026-02-22 à 01.21.14](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/d/d758b9ec0e9944db6ad20ccb8b76735d4e35c037.jpeg)

---

<div class="post-metadata">

**Author:** ![johnSSG](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/johnssg/32/8138_2.png) [@johnSSG](https://phaser.discourse.group/u/johnSSG)\
**Post date:** [February 22, 2026, 7:33am UTC](https://phaser.discourse.group/t/mobile-version-for-my-web-game/15564/2 "2026-02-22T07:33:17Z")

</div>

I’ve done it before, yes. Can you post your game’s config object? You should use Phaser’s scale manager, most likely. An example in one of my games is:

```
scale: {
	mode: Phaser.Scale.FIT,
	parent: 'phaser',
	autoCenter: Phaser.Scale.CENTER_BOTH,
	width: 320,
	height: 180
}

```

---

<div class="post-metadata">

**Author:** ![ayoxixCi](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/ayoxixci/32/9234_2.png) [@ayoxixCi](https://phaser.discourse.group/u/ayoxixCi)\
**Post date:** [February 22, 2026, 8:09pm UTC](https://phaser.discourse.group/t/mobile-version-for-my-web-game/15564/3 "2026-02-22T20:09:46Z")

</div>

Hello, thank you for your help. Here are the current settings:

```javascript
  scale: {
    mode: Phaser.Scale.RESIZE, 
    autoCenter: Phaser.Scale.CENTER_BOTH,
    width: '100%', 
    height: '100%'
  }

```

Initially, I was using “Phaser.Scale.Fit,” but I couldn’t find a solution to align certain elements. But now I see that you have used a fixed resolution of “320\*180.” I chose 100% because I wanted my game to cover the entire screen; I don’t think I took the right approach. 😅 Thanks