# Ionic 3 split-pane - menuToggle not working

**URL:** <https://forum.ionicframework.com/t/ionic-3-split-pane-menutoggle-not-working/121894>\
**Category:** ionic-v3\
**Created:** [February 19, 2018, 7:47am UTC](https://forum.ionicframework.com/t/ionic-3-split-pane-menutoggle-not-working/121894 "2018-02-19T07:47:53Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![marius-stuparu](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/marius-stuparu/32/117350_2.png) [@marius-stuparu](https://forum.ionicframework.com/u/marius-stuparu)\
**Post date:** [February 19, 2018, 7:47am UTC](https://forum.ionicframework.com/t/ionic-3-split-pane-menutoggle-not-working/121894/1 "2018-02-19T07:47:53Z")

</div>

Hello,

I am trying to adapt an app from mobile-only view to support also tablets, with `split-pane`, but the menuToggle button, that should show the overlay menu, is set as **hidden**. Even if I add css to force it to appear, tapping it does nothing. Without the split-pane, it works as expected. Here’s a short version of the code:

`app.component.html`

```auto
<ion-menu type="overlay" [content]="rootNav" [swipeEnabled]="false">
  <bm-burger-menu></bm-burger-menu>
</ion-menu>
<ion-nav #rootNav [root]="rootPage" swipeBackEnabled="false"></ion-nav>

```

`dashboard.component.html`

```auto
<ion-content>
  <ion-split-pane [when]="isTabletLandscape()">
    <div class="columns">
      <section class="column favourites" main>
        <div *ngIf="isTabletLandscape()">
          <ng-content *ngTemplateOutlet="navbar"></ng-content>
        </div>
      </section>
      <section class="column">
        <ion-nav #detailsPane swipeBackEnabled="false"></ion-nav>
      </section>
    </div>
  </ion-split-pane>
</ion-content>

<ng-template #navbar>
  <ion-navbar class="navBar">
    <button class="buttonContainer" ion-button menuToggle>
      <img ion-img src="./assets/images/dashboard/burger.svg">
    </button>
    <ion-buttons end>
      <!-- other buttons -->
    </ion-buttons>
  </ion-navbar>
</ng-template>

```

Browser output snippet:

```auto
<button class="buttonContainer disable-hover bar-buttons bar-buttons-ios bar-button bar-button-ios bar-button-default bar-button-default-ios bar-button-menutoggle bar-button-menutoggle-ios" ion-button menutoggle **hidden** >
  <span class="button-inner">
    <img ion-img="" src="./assets/images/dashboard/burger.svg">
  </span>
  <div class="button-effect"></div>
</button>

```

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 9:50pm UTC](https://forum.ionicframework.com/t/ionic-3-split-pane-menutoggle-not-working/121894/2 "2021-07-19T21:50:10Z")

</div>