We’re having a problem where the brand header menu on the upper left only partially expands on mobile when tapped. We have it set to not display the bar on mobile. If I just tap the hamburger menu it looks like this. [Screenshot 2024-06-17 at 11.30.45 AM] But if I then resize the window in any direction it expands fully and shows all the sub-links. [Screenshot 2024-06-17 at 11.30.55 AM] How do I get it to expand fully when tapped without needed a window resize?

Here’s how I see this component on mobile with no other themes installed: [image] I didn’t have to resize to get this, and when I resize I don’t get the slide-in class at all… It looks like you’re on Discourse 3.2, rather than the current version 3.3. There are updates to this component that rely on version 3.3, so you’re not getting those at the moment. It’s possible that updating Discourse and the component will fix all of your issues, but if not there may be a conflict with other customizations.

I’ve found that on our forum when I just click the hamburger menu, the “slide-in” class is not being added to the “menu-panel” div. [Screenshot 2024-06-25 at 4.28.33 PM] But then as soon as I resize the window, it does get added and the menu works correctly. [Screenshot 2024-06-25 at 4.28.57 PM] As far as I can tell menu-panel and slide-in aren’t coming from our theme. But it seems like slide-in is important to make it work. Why would slide-in not get added when the menu is opened? Why would resizing the browser window make it suddenly get added?

You’re right, we’re using Discourse 3.2.3. I thought I understood from this post that the problem also exists in version 3.3 but yours looks good. I’ll check if it’s possible for us to upgrade to 3.3, or maybe install an older version of the brand-header component. Is it published somewhere that the component requires version 3.3? I don’t see that anywhere. Do you happen to know when the updates were made that depend on 3.3? Or what the last version that works with 3.2 might be?

[תמונה] Ryan: Is it published somewhere that the component requires version 3.3? I don’t see that anywhere. It doesn’t explicitly require it, but sometimes when making updates we know rely on a newer Discourse feature, we’ll pin the theme component to an older Discourse version which will stop it from receiving incompatible updates. When this is done the details are in a .discourse-compatibility file: .discourse-compatibility main < 2026.2.0-latest: 5a8da43186f13e240d5edb5f0ee74a04283c8998 < 3.6.0.beta1-dev: f002a9350b9ca1cdb720d9d0b9da1424e2abe6a3 < 3.5.0.beta9-dev: 6fd676ea4e9cd7305d03df93bd6ce99961e4ff17 < 3.5.0.beta5-dev: b2f4dd70a8b6f7ea885082b083c9d33d767cce9a < 3.5.0.beta1-dev: 3402e1c8182fa2d5fed33c8bf4eaea131af4124e < 3.4.0.beta1-dev: 9e7c22402b8af821e44d1213bebb4e6e75245e1d < 3.3.0.beta2-dev: e64cfa531121f2cf152901f5b2a20512a5ee2c63 < 3.3.0.beta1-dev: 35b0c2da37318f502bb7069ee8e3565eb3ba5dbf 3.1.999: e2cc21b33261ffeb32030e8ab5ea92775c911fbc < 3.2.0.beta1-dev: b36e2a5199db23e5f05374640b9690573a08b352 < 3.2.0.beta2: 12e6f76e0508b262517efd5db2d7feca261dff86 2.6.0.beta3: 79d57c32d579d85590ef50344edf236cad52f9de In this case you’d be pinned to the commit with hash: 12e6f76e0508b262517efd5db2d7feca261dff86, which is DEV: move widgets to dedicated files, cleanup (#28) · discourse/discourse-brand-header@12e6f76 · GitHub Since that change, the component’s code has been entirely refactored due to changes with how the header in Discourse works. I think this highlights a good issue for us to consider though, this information is fairly buried and technical. Perhaps we can add some message on the admin panel that says some components have stopped receiving updates because they require features from the latest version of Discourse.

I forked the component, rolled it back to commit 12e6f76, and installed that on our forum but the problem still exists. Shouldn’t that fix it it?

No, that’s the commit you’re already pinned to, you’re missing everything that comes after.

I must be misunderstanding something. We didn’t used to have this problem. At some point the problem occurred because the component made changes that require Discourse 3.3 and we updated the component but we are still using Discourse 3.2. Is that correct? If so, wouldn’t the simplest solution be to roll back to the last version of the component that works with Discourse 3.2?

[תמונה] Ryan: At some point the problem occurred because the component made changes that require Discourse 3.3 and we updated the component but we are still using Discourse 3.2. Is that correct? The component wouldn’t have received those changes for 3.3. When a component is pinned to a specific Discourse version, it’s essentially frozen in its current state until Discourse is updated. [תמונה] Ryan: If so, wouldn’t the simplest solution be to roll back to the last version of the component that works with Discourse 3.2? So you shouldn’t need to do this… pinning should make it automatically remain on the latest compatible version, but it’s possible this bug already existed in the version of the component you’re using.

I understand now… clever. Is it safe to assume there won’t be any effort by the maintainer to make the component work properly with 3.2? I made a copy of the forum and upgraded to 3.3 and yes, that does fix the problem. I’m checking with our admin to see if it’s possible to upgrade to 3.3 on the live forum. Thanks!

We were finally able to update the live forum to 3.3 and it suddenly works. Thanks again!

כותרת המותג בתפריט הניידים לא מתרחבת באופן מלא עד שמבצעים שינוי בגודל החלון

תמיכה

awesomerobot (Kris) 8 ביולי,‏ 2024,‏ 6:30pm 11

Yeah unfortunately we only have the bandwidth to maintain theme components on the latest version of Discourse so this can happen with older versions from time to time.

נושא		תגובות	צפיות
Brand Header Theme component official , brand-header	25	56724	17 בדצמבר,‏ 2025
Left side hamburger menu on mobile Theme component mobile	51	5339	31 באוגוסט,‏ 2026
Header Submenus Theme component official , header-submenus	87	40484	18 בפברואר,‏ 2026
Mobile Header expanding after tapping hamburger menu Product Support	52	3809	4 במרץ,‏ 2018
Disable header changes on mobile Product Support	3	265	9 באוגוסט,‏ 2025

כותרת המותג בתפריט הניידים לא מתרחבת באופן מלא עד שמבצעים שינוי בגודל החלון

נושאים קשורים