# Problems with Full height swipe-able menus

**URL:** <https://meta.discourse.org/t/problems-with-full-height-swipe-able-menus/105089>\
**Category:** Product Support\
**Created:** [December 26, 2018, 8:44pm UTC](https://meta.discourse.org/t/problems-with-full-height-swipe-able-menus/105089 "2018-12-26T20:44:04Z")\
**Posts on this page:** 1\
**Showing post:** 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:** [December 26, 2018, 8:44pm 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…

---

_[View the full topic](https://meta.discourse.org/t/problems-with-full-height-swipe-able-menus/105089)._