The header on Horizon works really well most of the time, across mobile and desktop: [image] [image] However, I’ve got a folding phone with a weird aspect ratio. Unfortunately the search bar and avatar disappear and everything goes a bit awry: [image] This seems to be for 640-767px width - u…

i can repro this too - the problem appears to be the contents class inside the header displaying grid at the folding phone/small tablet viewport size @media (min-width 640px) (max-width: 767px): [Screenshot 2026-05-20 at 7.23.06 PM] it can be patched up by changing the property to contents for th…

I find that setting makes it worse though!! With it off, the header is scrambled at all sizes up to 767 unless the device is specified as mobile. But at least my folding phone is happy. Just not my desktop browser when things get small.

[صورة] Lilly: edit: disabling this setting seems to fix it for me (i forgot this was still there): [Screenshot from 2026-05-20 19-50-46] I think that this setting has now disappeared, so there is no longer a workaround. The problem still remains with Horizon.

[صورة] nathank: I find that setting makes it worse though!! With it off, the header is scrambled at all sizes up to 767 unless the device is specified as mobile. [صورة] nathank: The problem still remains with Horizon. Could you help me diagnose this, because atm when repro’ing via desk…

I can reproduce it by simply narrowing the window of my browser on my desktop: When sufficiently wide: [image] A bit narrower, and a few weird things happen (sidebar / header go white) which I’m not super sure is intentional: [image] Narrower highlights the problem (i.e. folding phone size) [i…

[صورة] nathank: A bit narrower, and a few weird things happen (sidebar / header go white) which I’m not super sure is intentional: It is. [صورة] nathank: Narrower highlights the problem (i.e. folding phone size) I legit don’t get this, this is at 644px: [CleanShot 2026-07-24 at 10.1…

Ah - I forgot I could do that for repro stuff! No, it doesn’t repro for me on Meta with Horizon either. I guess this is a problem with my site then - I’ll go and troubleshoot it at my end and let you know what I turn up. Thank you for looking into it!!!

Wow, it was surprisingly easy to find the problem. This theme component isn’t compatible with Horizon: [صورة] Left side hamburger menu on mobile Theme component One thing we never got around to and caused some confusion after our work on Full height, sli…

Yeah, I get that. Feel free to drop a note in the OG Horizon Theme topic, where we said: [صورة] Horizon Theme Partial compatibility Please let us know if compatibility with this feature is important to you; that will help us prioritize improvements to the theme component / plugin or Horizon. …

i use that component too (i feel the same way about the sidebar icon, although i don’t like or use horizon) and have done work on that component. i’ll see if i can do a fix for it Nathan.

تتشوه الرأس في شاشات العرض متوسطة الحجم في سمة Horizon

الدعم

chapoi 24 يوليو 2026، 7:32ص 5

هل يمكنك مساعدتي في تشخيص هذه المشكلة، لأنني حالياً عند إعادة إنتاجها عبر محاكي سطح المكتب (ليس لدي هاتف قابل للطي)، لا أرى أي شيء غير عادي.

الموضوع		الردود	مرات العرض
Reduce the size of the header Support	3	1182	30 يناير 2020
UI Error on mobile foldables UX	18	353	30 يناير 2026
Header on responsive window UX	2	751	31 ديسمبر 2018
Mobile header is taller than the content Bug	1	1049	19 يناير 2015
Sites via DiscourseHub clashing with top bar elements on iPhone 14 Pro Max Bug discourse-hub , ios-app	11	1000	28 سبتمبر 2022

تتشوه الرأس في شاشات العرض متوسطة الحجم في سمة Horizon

الموضوعات ذات الصلة