- Latest Discourse Version
- iPhone SE
Anyone else seeing this problem?
The header seems to expand when I tap the hamburger menu.
AI-generated summary
Users reported an issue where the mobile header on Discourse expands unexpectedly after tapping the hamburger menu, specifically on Safari (iPhone SE). The problem was traced to CSS styling, particularly a box-shadow on .d-header McBlu and later confirmed to be related to the layout of the expanded menu in Safari tshenry. awesomerobot identified that recent Discourse core changes (adding flexbox for font scaling) caused Safari to incorrectly calculate the width of the expanded menu. They provided a simple CSS fix: .hamburger-panel { width: 0; }, which resolved the issue for users Vaping_Community and McBlu. Vaping_Community later shared an enhanced version of the fix including .menu-panel and display: inline-block !important for full stability. The fix was confirmed to be effective and simpler than alternative solutions tshenry.
Can you reproduce here on meta.discourse.org ?
It doesn’t do it here and I’ve been through my theme to see if that was the problem… 
on meta ? your own community ?
can you try with Using Safe Mode to troubleshoot issues with themes and plugins pleaase ?
It is def theme based but I can’t find what’s causing it.
I’m using a modified version of Material theme
@McBlu what plugins are you using?
The Babble Chat Plugin added a horn icon to the header.
My site works fine in safe mode / default theme.
I just tried removing all extra code from /head and header and still the same thing happens.
My CSS has nothing that should affect it..
My plugins aren’t affecting it, I just ran safe mode with plugins enabled and it worked with the default theme, something in our themes is causing it.
Continuing the discussion from Babble - A Chat Plugin:
I posted my customize theme code in this post for a different issue under the expandable summary toggle.
http://wethepeoplejournal.com/safe-mode
DO NOT check the plugin boxes, do you still have the problem?
If I go to landscape and come back to portrait, it fixes it..
If I scroll down the site a bit, it works fine.
If I am at the top most part of the screen it breaks.
Can’t play with settings too much as away from my desk. Do you by chance have an after header?
Found the problem…
It’s my top menu.. 
In what way exactly?
