# On mobile, plugin menu occludes content

**URL:** <https://meta.discourse.org/t/on-mobile-plugin-menu-occludes-content/67089>\
**Category:** UX\
**Tags:** pr-welcome\
**Created:** [Juillet 29, 2017, 11:59 UTC](https://meta.discourse.org/t/on-mobile-plugin-menu-occludes-content/67089 "2017-07-29T23:59:21Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![barryvan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/barryvan/32/82635_2.png) [@barryvan](https://meta.discourse.org/u/barryvan)\
**Post date:** [Août 4, 2017, 4:46 UTC](https://meta.discourse.org/t/on-mobile-plugin-menu-occludes-content/67089/5 "2017-08-04T04:46:18Z")

</div>

I’ve not had a chance to put together a PR for this, but I’ve fixed it on my own site with custom CSS for now:

```css
.admin-nav {
    position: static;
    float: none;
    width: 100%;
    font-size: 80%;
    margin: 0;
}

.admin-nav .nav-stacked {
    display: flex;
    flex-wrap: wrap;
}

.nav-stacked li {
    padding: 0;
    margin: 0;
}

.nav-stacked li a {
    padding: 5px 10px;
    font-size: 100%;
    line-height: auto;
}

.nav-stacked .active > a::after, .nav-stacked li > a.active::after {
    content: none;
}

.admin-detail {
    padding: 0;
}

```

…which produces something like this:

 ![image](https://global.discourse-cdn.com/meta/original/3X/7/4/74851303cc31392575746f6faf6f11de7c915278.png)

---

_[View the full topic](https://meta.discourse.org/t/on-mobile-plugin-menu-occludes-content/67089)._