# Site header overlapping the first message admin options

**URL:** https://meta.discourse.org/t/site-header-overlapping-the-first-message-admin-options/90112
**Category:** UX
**Created:** [June 18, 2018, 11:34am UTC](https://meta.discourse.org/t/site-header-overlapping-the-first-message-admin-options/90112 "2018-06-18T11:34:20Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [June 18, 2018, 11:34am UTC](https://meta.discourse.org/t/site-header-overlapping-the-first-message-admin-options/90112/1 "2018-06-18T11:34:20Z")

</div>

Hi,  
If a topic has a short content, the message admin options are partially hidden by the header:

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/1/f146134a4f31c3566543e06710c861f6a36b29e9.png)

---

<div class="post-metadata">

### Author: ![itsbhanusharma](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/itsbhanusharma/32/180717_2.png) [@itsbhanusharma](https://meta.discourse.org/u/itsbhanusharma)
#### Post date: [June 18, 2018, 11:36am UTC](https://meta.discourse.org/t/site-header-overlapping-the-first-message-admin-options/90112/2 "2018-06-18T11:36:08Z")

</div>

Tried in [safe mode](https://meta.discourse.org/t/53504?silent=true)? can be a rouge plugin!

 ![Screenshot-2018-6-18%20Security%20concern%20about%20domain%20name%20registry](https://global.discourse-cdn.com/meta/original/3X/4/3/43595c1bb2b7de96689ecd9a103c4f269e5d7ac2.png)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [June 18, 2018, 11:40am UTC](https://meta.discourse.org/t/site-header-overlapping-the-first-message-admin-options/90112/3 "2018-06-18T11:40:04Z")

</div>

I corrected my topic : the menu is not the topic options, but the message options.  
I tried in [safe mode](https://meta.discourse.org/t/53504?silent=true) as well.

---

<div class="post-metadata">

### Author: ![itsbhanusharma](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/itsbhanusharma/32/180717_2.png) [@itsbhanusharma](https://meta.discourse.org/u/itsbhanusharma)
#### Post date: [June 18, 2018, 11:43am UTC](https://meta.discourse.org/t/site-header-overlapping-the-first-message-admin-options/90112/4 "2018-06-18T11:43:57Z")

</div>

Still can’t repro! maybe it’s the locales or something custom on your forum.

 ![Screenshot-2018-6-18%20Security%20concern%20about%20domain%20name%20registry(1)](https://global.discourse-cdn.com/meta/original/3X/0/f/0f6b07fb411b2c9d660ab831119f8a742cca6205.png)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [June 18, 2018, 11:47am UTC](https://meta.discourse.org/t/site-header-overlapping-the-first-message-admin-options/90112/5 "2018-06-18T11:47:10Z")

</div>

You are not opening the message admin options, but the topic admin options.

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/8/4840aa86bad55a033b3aa082465579c8c4d49a51.png)

---

<div class="post-metadata">

### Author: ![itsbhanusharma](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/itsbhanusharma/32/180717_2.png) [@itsbhanusharma](https://meta.discourse.org/u/itsbhanusharma)
#### Post date: [June 18, 2018, 11:48am UTC](https://meta.discourse.org/t/site-header-overlapping-the-first-message-admin-options/90112/6 "2018-06-18T11:48:38Z")

</div>

This is something with CSS! I can confirm the Repro Now!

cc @Johani

---

<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: [June 18, 2018, 3:28pm UTC](https://meta.discourse.org/t/site-header-overlapping-the-first-message-admin-options/90112/7 "2018-06-18T15:28:57Z")

</div>

Ah I see, the translated text is wrapping to multiple lines so the menu is taller than it is in English. I should be able to change this so the buttons are wider instead of wrapping, which would make it short enough.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [June 18, 2018, 3:58pm UTC](https://meta.discourse.org/t/site-header-overlapping-the-first-message-admin-options/90112/9 "2018-06-18T15:58:34Z")

</div>

You’ll set a fixed width, not an auto width (with a max-width just in case)?

---

<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: [June 18, 2018, 5:33pm UTC](https://meta.discourse.org/t/site-header-overlapping-the-first-message-admin-options/90112/10 "2018-06-18T17:33:16Z")

</div>

I took a look and ended up setting an auto width with a max-width (max-width is 320px, which is generally the smallest mobile screen we support). This change should be available within the next day.

---

<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: [June 24, 2018, 1:00am UTC](https://meta.discourse.org/t/site-header-overlapping-the-first-message-admin-options/90112/11 "2018-06-24T01:00:02Z")

</div>

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