# Fullscreen problems

**URL:** <https://phaser.discourse.group/t/fullscreen-problems/9010>\
**Category:** Phaser 3\
**Created:** [March 1, 2021, 9:15am UTC](https://phaser.discourse.group/t/fullscreen-problems/9010 "2021-03-01T09:15:05Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alex\_Fedorov](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/alex_fedorov/32/4880_2.png) [@Alex\_Fedorov](https://phaser.discourse.group/u/Alex_Fedorov)\
**Post date:** [March 1, 2021, 9:15am UTC](https://phaser.discourse.group/t/fullscreen-problems/9010/1 "2021-03-01T09:15:05Z")

</div>

Hello guys I’m new to Phaser, so I can use some help 🙂 Okay my first problem is that I’m stuck with fullscreen mode

[youtube preview](https://www.youtube.com/watch?v=EXVjK2JfzRw&feature=youtu.be&ab_channel=AlexFedorov)

The problem is when I enter a full screen mode in main menu - everything works perfect, but when I’m clicking on the FS button in the game menu - it does not stretch to full screen it just moves to the top of the screen and puts a black borders to the bottom/left/right

```
var config = {
  type: Phaser.AUTO,
  width: 1600,
  height: 720,
  scale: {
    mode: Phaser.Scale.HEIGHT_CONTROLS_WIDTH,
    autoCenter: Phaser.Scale.CENTER_BOTH
  },
  scene: [Boot, Load, Menu, Game, Pause],
}

var game = new Phaser.Game(config);

```

any suggestions why I’m getting this would be appreciated.

And the 2nd problem is with IOS devices - as IOS does not have a FS mode, what I usually done on js games is removed the address bar - so the game would stretch to full screen - when I’m doing it exactly the same way as I’ve done before i get purple border at the bottom of screen

my meta tag -

```
  <meta name="viewport"
    content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no, viewport-fit=cover,minimal-ui" />
```