# Problems with Full height swipe-able menus

**URL:** https://meta.discourse.org/t/problems-with-full-height-swipe-able-menus/105089
**Category:** Support
**Created:** [12월 26, 2018, 8:44오후 UTC](https://meta.discourse.org/t/problems-with-full-height-swipe-able-menus/105089 "2018-12-26T20:44:04Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Lew\_Grothe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lew_grothe/32/337776_2.png) [@Lew\_Grothe](https://meta.discourse.org/u/Lew_Grothe)
#### Post date: [12월 26, 2018, 8:44오후 UTC](https://meta.discourse.org/t/problems-with-full-height-swipe-able-menus/105089/1 "2018-12-26T20:44:04Z")

</div>

We upgraded to the latest version of Discourse last week and were surprised when we had unwanted behavior on our theme on Android mobile.

On our theme, we have a header:

 ![Screenshot_20181226-125514](https://global.discourse-cdn.com/meta/original/3X/7/d/7d8c9b1f7d18697decb7703a1587ed97f5fb287f.png)

…which has a drop-down menu:

 ![Screenshot_20181226-125702](https://global.discourse-cdn.com/meta/original/3X/2/5/25e365069d6f6238db2b85c6ec9fb32fc5ba19f3.png)

…which needs a z-index of 1010 to allow the drop-down buttons to over-write the header line below.

The old div.menu-panel.slide-in used to offset down the screen below the header. The new [full-height feature merge](https://github.com/discourse/discourse/pull/6566) uses the full screen for the menu but this shows up on our site as:

 ![Screenshot_20181226-130305](https://global.discourse-cdn.com/meta/original/3X/e/2/e2117e16026b166d603f4c8ea7cd4eb32736954e.png)

…for the profile popup and:

 ![Screenshot_20181226-130415](https://global.discourse-cdn.com/meta/original/3X/2/1/21cf279ae3e03449ad24440957aa7120c42e3c07.png)

…for the hamburger popup.

I’ve done all that I can to set the z-index property on div.menu-panel.slide-in but I can’t seem to work - (perhaps dis-connected from other div’s by the animation?).

For now, I’ve kludged this on the production site by doing a kludge of:

```css
div.menu-panel.slide-in {
   top: 108px !important; 
}

```

in the mobile css style but I hate this…

My requests/questions:

1. can we get an option to turn off this full-screen behavior? I think we prefer this, as I understand it, the UI shows up different on iPhones and Android and as a result, even if it worked with z-index as we want, the behavior is different for different users - it’s just one more support issue for helping the naive user.
2. is there (or could there be) a CSS selector to set this behavior and still have the full screen calculation dynamically set? It seems like, with my kludge, I’m probably breaking something when I force set the top of the menu-panel and the length is still calculated. If there is no way to set the z-index where we want (still open in my mind…), how could we both dynamically set the location of the top of the menu-panel and the length of the panel.
3. am I missing something entirely here?

Thank you for your great support of your great forum software…

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [12월 26, 2018, 9:52오후 UTC](https://meta.discourse.org/t/problems-with-full-height-swipe-able-menus/105089/2 "2018-12-26T21:52:48Z")

</div>

I believe @featheredtoast can advise you on this.

---

<div class="post-metadata">

### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)
#### Post date: [12월 28, 2018, 5:26오후 UTC](https://meta.discourse.org/t/problems-with-full-height-swipe-able-menus/105089/3 "2018-12-28T17:26:31Z")

</div>

Your fix works quite well actually for a temporary hold over. We’re aware of this issue with custom headers - I’ve got a planned fix to pin the top to the top of the header, and not top position 0 everywhere that should take care of this.

> [@Lew\_Grothe](#):
>
> the UI shows up different on iPhones and Android

This is not true - Android and iOS don’t look different, the only difference between them is the ability to swipe the menus from the sides of the screen.

---

<div class="post-metadata">

### Author: ![Lew\_Grothe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lew_grothe/32/337776_2.png) [@Lew\_Grothe](https://meta.discourse.org/u/Lew_Grothe)
#### Post date: [12월 30, 2018, 5:23오후 UTC](https://meta.discourse.org/t/problems-with-full-height-swipe-able-menus/105089/5 "2018-12-30T17:23:33Z")

</div>

> [@featheredtoast](#):
>
> This is not true - Android and iOS don’t look different, the only difference between them is the ability to swipe the menus from the sides of the screen.

Sorry - what I saw on a borrowed iPhone looked different than my Pixel 2xl - was probably because of CSS caching… Also, showed up different on emulator than actual Android device (but that is sometimes just the case and probably is also explained by caching or emulator weirdness…).

Do you have an issue # or something that we can track for your fix?

---

<div class="post-metadata">

### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)
#### Post date: [1월 2, 2019, 7:10오후 UTC](https://meta.discourse.org/t/problems-with-full-height-swipe-able-menus/105089/6 "2019-01-02T19:10:03Z")

</div>

This will be in the latest version of Discourse with this PR:

[https://github.com/discourse/discourse/pull/6845](https://github.com/discourse/discourse/pull/6845)

The menu will now align itself to the top of the Discourse header, rather than absolute 0. 🍦

---

<div class="post-metadata">

### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)
#### Post date: [1월 8, 2019, 2:09오전 UTC](https://meta.discourse.org/t/problems-with-full-height-swipe-able-menus/105089/8 "2019-01-08T02:09:39Z")

</div>

This topic was automatically closed after 5 days. New replies are no longer allowed.
