Latest Discourse Version iPhone SE Anyone else seeing this problem? The header seems to expand when I tap the hamburger menu. [25j6lg]

I believe a fix I just pushed should cover this: https://github.com/discourse/discourse/commit/70acfa47d7e36a2a2798d9c2042c0aadd1130ea0 I had updated the way the layout of the menu works a bit (added flexbox, which helps accommodate font scaling)… and it seems like Safari was including the width of the expanded hamburger menu where it shouldn’t have been. You can try this fix out on your sites by adding this CSS to your customization: .hamburger-panel { width: 0; }

I believe this is the after header code. @III kindly helped me with this as I am not a coder.

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

I wonder what happened that all of a sudden our css code is a problem?

Someone re-wrote something probably.. I still think it is a bug

So, if I remove my custom top menu from header everything works fine.. Not really a fix as I want that custom top menu.. :thinking:

I almost think since custom menus are so popular it would be nice to have more options built into the header that can be changed in settings and would be checked against with updates. The customer headers I am seeing people build are all pretty similar. Yeah, me too. My after header includes a menu that ties the forum into the rest of the website.

@j.jaffeux Can we get this reopened as a bug please, adding custom HTML to header is breaking the hamburger and user profile drop downs on mobile.

I’ve just removed my top menu on mobile and put it on desktop ONLY, nothing else I can do really..

For staff looking into this, this is what happens to my very simple header:

Mobile Header expanding after tapping hamburger menu

Product Support

tshenry (Taylor) March 3, 2018, 2:38am 53

@awesomerobot’s solution was much simpler than mine was! Glad it’s fixed now!

Topic		Replies	Views
Left side hamburger menu on mobile Theme component mobile	51	5326	August 31, 2026
⬇️ Dropdown Header Theme component pavilion	69	8814	March 2, 2026
Header Submenus Theme component official , header-submenus	87	40464	February 18, 2026
Brand header mobile menu doesn't fully expand until window resize Product Support brand-header	11	415	August 2, 2024
Help us test the new header code! Feature performance	27	11361	May 11, 2016

Mobile Header expanding after tapping hamburger menu

Related topics