# Encabezado móvil que se expande al tocar el menú hamburguesa
**URL:** https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884
**Category:** Support
**Created:** [1 Marzo, 2018 14:19 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884 "2018-03-01T14:19:02Z")
**Posts on this page:** 20
**Page:** 2
### Author:  [@joebuhlig](https://meta.discourse.org/u/joebuhlig)
#### Post date: [1 Marzo, 2018 15:30 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/21 "2018-03-01T15:30:33Z")
I looked at your site quickly, @McBlu. It looks like there’s a `box-shadow` on `.d-header` in your common CSS somewhere that’s causing the issue. At least, removing that `box-shadow` in my testing stopped the header from expanding.
---
### Author:  [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [1 Marzo, 2018 15:30 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/22 "2018-03-01T15:30:36Z")
@McBlu Yours is being caused by the `Menu`
---
### Author:  [@McBlu](https://meta.discourse.org/u/McBlu)
#### Post date: [1 Marzo, 2018 15:34 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/24 "2018-03-01T15:34:02Z")
Thanks, Joe. Why would a box shadow cause this issue?
---
### Author:  [@joebuhlig](https://meta.discourse.org/u/joebuhlig)
#### Post date: [1 Marzo, 2018 15:35 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/25 "2018-03-01T15:35:59Z")
In this case, I have no clue. It was just the only custom CSS I could find on the header. But removing it made the header assume it’s expected position. 🤷♂️
---
### Author:  [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [1 Marzo, 2018 15:38 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/26 "2018-03-01T15:38:19Z")
Did you recreate the problem in a browser? If so, how? I can probably fix mine if I can get the problem to resurface in a browser with firebug
---
### Author:  [@McBlu](https://meta.discourse.org/u/McBlu)
#### Post date: [1 Marzo, 2018 15:39 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/27 "2018-03-01T15:39:04Z")
That’s interesting. I really appreciate you taking the time to look at that for me. I am very new to troubleshooting web code. I’ll play with that right now. Back at desk.
---
### Author:  [@joebuhlig](https://meta.discourse.org/u/joebuhlig)
#### Post date: [1 Marzo, 2018 15:42 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/28 "2018-03-01T15:42:17Z")
> [@Vaping\_Community](#):
>
> Did you recreate the problem in a browser?
I couldn’t get my normal process (Chrome with device simulation) to show the problem at all. But I plugged my iPhone into my Mac and pulled up the dev tools on it through Safari. I couldn’t get the issue any other way and couldn’t debug it directly on the phone.
---
### Author:  [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [1 Marzo, 2018 15:43 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/29 "2018-03-01T15:43:28Z")
Same thing here, im on a windows PC, I don’t think I can debug that way
---
### Author:  [@McBlu](https://meta.discourse.org/u/McBlu)
#### Post date: [1 Marzo, 2018 15:43 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/30 "2018-03-01T15:43:52Z")
Which code did you delete?
```plaintext
nav#bar:before {
content: “”;
position: absolute;
width: 250vw;
height: 100%;
top: 0;
left: -125vw;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.25);
}
.d-header {
box-shadow: none;
}
.lightbox-wrapper {
display: block;
text-align: center;
}
```
---
### Author:  [@joebuhlig](https://meta.discourse.org/u/joebuhlig)
#### Post date: [1 Marzo, 2018 15:47 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/31 "2018-03-01T15:47:28Z")
I removed this entire section.
> [@McBlu](#):
>
> .d-header {
> box-shadow: none;
> }
---
### Author:  [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [1 Marzo, 2018 15:48 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/32 "2018-03-01T15:48:42Z")
So anything that touches the header breaks it.. ?
Interestingly.. in landscape mode..
---
### Author:  [@McBlu](https://meta.discourse.org/u/McBlu)
#### Post date: [1 Marzo, 2018 15:49 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/33 "2018-03-01T15:49:44Z")
Okay so that brings back the shadow after the header which I didn’t want as the header and after header are to appear as one header. And it didn’t fix the problem on my iPhone. Weird.
---
### Author:  [@joebuhlig](https://meta.discourse.org/u/joebuhlig)
#### Post date: [1 Marzo, 2018 15:55 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/34 "2018-03-01T15:55:49Z")
Seems like it only happens on your homepage. Am I off on that?
---
### Author:  [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [1 Marzo, 2018 15:59 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/35 "2018-03-01T15:59:43Z")
Is emoji.scss core?
Whats with this:
```
.d-header {
width: 100%;
position: relative;
top: 0;
z-index: 1000;
background-color: #000;
box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
}
```
---
### Author:  [@McBlu](https://meta.discourse.org/u/McBlu)
#### Post date: [1 Marzo, 2018 15:59 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/36 "2018-03-01T15:59:47Z")
I think you are right, Joe.
---
### Author:  [@McBlu](https://meta.discourse.org/u/McBlu)
#### Post date: [1 Marzo, 2018 16:02 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/37 "2018-03-01T16:02:15Z")
I believe this is the after header code. @III kindly helped me with this as I am not a coder.
---
### Author:  [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [1 Marzo, 2018 16:03 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/38 "2018-03-01T16:03:46Z")
Ok, found the problem..
`emoji.scss:246:`
```
.d-header {
width: 100%;
position: absolute;
top: 0;
z-index: 1000;
background-color: #000;
box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
}
```
I re wrote the CSS rules like so:
```
.d-header {
width: 100% !important;
position: relative !important;
top: 0;
z-index: 1000 !important;
background-color: #000;
box-shadow: none !important;
height: 60px;
}
```
Partly fixed the problem but the icons all disappear still
---
### Author:  [@McBlu](https://meta.discourse.org/u/McBlu)
#### Post date: [1 Marzo, 2018 16:05 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/39 "2018-03-01T16:05:34Z")
I wonder what happened that all of a sudden our css code is a problem?
---
### Author:  [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [1 Marzo, 2018 16:06 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/40 "2018-03-01T16:06:10Z")
Someone re-wrote something probably.. I still think it is a bug
---
### Author:  [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [1 Marzo, 2018 16:12 UTC](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884/41 "2018-03-01T16:12:49Z")
So, if I remove my custom top menu from `header` everything works fine.. Not really a fix as I want that custom top menu.. 🤔
[Página anterior](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884.md?page=1)
[Página siguiente](https://meta.discourse.org/t/mobile-header-expanding-after-tapping-hamburger-menu/81884.md?page=3)