# Navigation Panel Overlaps Header? (Mobile)

**URL:** https://meta.discourse.org/t/navigation-panel-overlaps-header-mobile/106539
**Category:** Support
**Created:** [14.Январь.2019 23:32:00 UTC](https://meta.discourse.org/t/navigation-panel-overlaps-header-mobile/106539 "2019-01-14T23:32:00Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![YBB](https://avatars.discourse-cdn.com/v4/letter/y/a88e57/32.png) [@YBB](https://meta.discourse.org/u/YBB)
#### Post date: [14.Январь.2019 23:32:00 UTC](https://meta.discourse.org/t/navigation-panel-overlaps-header-mobile/106539/1 "2019-01-14T23:32:00Z")

</div>

Hello,  
In the past couple hours I believe an update was issued that has caused issues for mobile users on our site by pushing the navigation panel to overlap the header and making it so we can’t click to our profiles, notifications etc..

Anyone know why this has happened/how to fix it?

Thank you.

 ![IMG_20190114_181941](https://global.discourse-cdn.com/meta/original/3X/0/4/04d0318c83f1035af25a571b39fc6741b1199357.jpeg)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [15.Январь.2019 00:31:45 UTC](https://meta.discourse.org/t/navigation-panel-overlaps-header-mobile/106539/2 "2019-01-15T00:31:45Z")

</div>

Is this site public? could you share a link?

---

<div class="post-metadata">

### Author: ![YBB](https://avatars.discourse-cdn.com/v4/letter/y/a88e57/32.png) [@YBB](https://meta.discourse.org/u/YBB)
#### Post date: [15.Январь.2019 09:04:30 UTC](https://meta.discourse.org/t/navigation-panel-overlaps-header-mobile/106539/3 "2019-01-15T09:04:30Z")

</div>

Registration is closed.

[https://dnstars.vip](https://dnstars.vip)

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [15.Январь.2019 14:16:03 UTC](https://meta.discourse.org/t/navigation-panel-overlaps-header-mobile/106539/4 "2019-01-15T14:16:03Z")

</div>

I saw this on another discourse for [Pi Hole](https://discourse.pi-hole.net/) last night. Not sure if related, at the time I assumed it was their own customization.

---

<div class="post-metadata">

### Author: ![YBB](https://avatars.discourse-cdn.com/v4/letter/y/a88e57/32.png) [@YBB](https://meta.discourse.org/u/YBB)
#### Post date: [15.Январь.2019 15:42:43 UTC](https://meta.discourse.org/t/navigation-panel-overlaps-header-mobile/106539/5 "2019-01-15T15:42:43Z")

</div>

Yeah same issue, happening on both iOS and Android. Just removed the header code for now until something can be done. Any ideas?

---

<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: [15.Январь.2019 21:07:37 UTC](https://meta.discourse.org/t/navigation-panel-overlaps-header-mobile/106539/6 "2019-01-15T21:07:37Z")

</div>

Maybe @Johani can advise.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [15.Январь.2019 21:10:35 UTC](https://meta.discourse.org/t/navigation-panel-overlaps-header-mobile/106539/7 "2019-01-15T21:10:35Z")

</div>

Could you share the code being used? It’s hard to diagnose this by sight.

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [16.Январь.2019 06:10:48 UTC](https://meta.discourse.org/t/navigation-panel-overlaps-header-mobile/106539/8 "2019-01-16T06:10:48Z")

</div>

I think I know what’s going on here because I came across this before.

Your site is not loading for me now, but when I looked yesterday I noticed that the menu uses the same class names used here:

[https://meta.discourse.org/t/mobile-formatting-just-broke/106048](https://meta.discourse.org/t/mobile-formatting-just-broke/106048)

The menu on [https://discourse.pi-hole.net/](https://discourse.pi-hole.net/) uses very, very similar styles - although the classes are different. Essentially all of these sites are using some variation of

[https://meta.discourse.org/t/best-way-to-customize-the-header/13368/50?u=johani](https://meta.discourse.org/t/best-way-to-customize-the-header/13368/50)

on both desktop and mobile, which I believe is not the intended use for that customization. I think it’s meant for desktop only since mobile has no space for menus in that area.

I’m not really sure how this ever worked on your site in the mobile view.

You have a few of options:

1. modify the code to make it responsive (not really worth it as you’d only be able to show one link tops due to lack of space)

2. move the customization to desktop tabs in your theme.

3. use one of the supported theme components I mentioned here

[https://meta.discourse.org/t/mobile-formatting-just-broke/106048/7?u=johani](https://meta.discourse.org/t/mobile-formatting-just-broke/106048/7)

---

<div class="post-metadata">

### Author: ![YBB](https://avatars.discourse-cdn.com/v4/letter/y/a88e57/32.png) [@YBB](https://meta.discourse.org/u/YBB)
#### Post date: [16.Январь.2019 17:11:49 UTC](https://meta.discourse.org/t/navigation-panel-overlaps-header-mobile/106539/9 "2019-01-16T17:11:49Z")

</div>

Thanks mate, I’m working on this currently [Header Submenus - #14](https://meta.discourse.org/t/header-submenus/94584/14) - however some of the icons don’t appear?

Got it all sussed. thanks again.

---

<div class="post-metadata">

### Author: ![YBB](https://avatars.discourse-cdn.com/v4/letter/y/a88e57/32.png) [@YBB](https://meta.discourse.org/u/YBB)
#### Post date: [16.Январь.2019 17:12:26 UTC](https://meta.discourse.org/t/navigation-panel-overlaps-header-mobile/106539/10 "2019-01-16T17:12:26Z")

</div>

As Johani has replied below, we were using the same as those other pages. I’ve gone for this now [Header Submenus - #14](https://meta.discourse.org/t/header-submenus/94584/14).

Thanks

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [16.Январь.2019 17:51:05 UTC](https://meta.discourse.org/t/navigation-panel-overlaps-header-mobile/106539/11 "2019-01-16T17:51:05Z")

</div>


