title: ionic 4 custom ion-menu width not working in ios
body: <p>I have a problem in ionic 4 application custom width in ion-menu is not working in iPhone 5/5s.
  It's working fine in iPhone 6 and above.</p>
  
  <p>I want custom width 100px for a menu.</p>
  
  <p>app.component.html</p>
  
  <pre><code>&lt;ion-app&gt;
  &lt;ion-split-pane&gt;
  &lt;ion-menu class="appMainmenu" type="overlay" [swipeGesture]="false"&gt;
    &lt;ion-content class="bg-profile"&gt;
      &lt;ion-list no-margin&gt;
        &lt;ion-list-header color="dark" margin-bottom style="min-height: 2.9em;"&gt;
          &lt;ion-label&gt;Menu&lt;/ion-label&gt;
        &lt;/ion-list-header&gt;
  
  
  
        &lt;ion-menu-toggle auto-hide="false" *ngFor="let p of appPages"&gt;
  
          &lt;div [routerLink]="[p.url]" class="menuMargin" text-center (click)="openPage(p)"
            [class.activeMenu]="checkActivePage(p)"&gt;
            &lt;h4 class="fs-35" no-padding&gt;
              &lt;ion-icon slot="start" [name]="p.icon" color="dark"&gt;&lt;/ion-icon&gt;
            &lt;/h4&gt;
            &lt;h5 class="fs-13" no-padding&gt; {{p.title}} &lt;/h5&gt;
          &lt;/div&gt;
        &lt;/ion-menu-toggle&gt;
        &lt;ion-menu-toggle auto-hide="false"&gt;
          &lt;div class="menuMargin" text-center (click)="logout()" [class.activeMenu]="checkActivePage(p)"&gt;
            &lt;h4 class="fs-35" no-padding&gt;
              &lt;ion-icon name="power" color="dark"&gt;&lt;/ion-icon&gt;
            &lt;/h4&gt;
            &lt;h5 class="fs-13" no-padding&gt; Logout &lt;/h5&gt;
          &lt;/div&gt;
          &lt;div ctext-center&gt;
            &lt;h4 class="versioncss" no-padding&gt;V - 1.0.28&lt;/h4&gt;
          &lt;/div&gt;
        &lt;/ion-menu-toggle&gt;
      &lt;/ion-list&gt;
    &lt;/ion-content&gt;
  &lt;/ion-menu&gt;
  &lt;ion-router-outlet [swipeGesture]="false" main&gt;&lt;/ion-router-outlet&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>global.css</p>
  
  <pre><code>.appMainmenu{
  --width: 100px;
  width: 100px
  }
  </code></pre>