In reviewing recordings of site behavior I’ve discovered that for some viewers the menu is very messed up and I dont know why or how to fix it. Any insight is greatly appreciated.
Topic summary
Menu layout appears broken for some visitors; recordings show the navigation displays in a “stacked”/misaligned state. A screenshot was provided and is central to understanding the visual issue.
Preliminary diagnosis: the page’s CSS (Cascading Style Sheets) may not be loading properly, causing the menu to stack. A likely trigger is slow internet or JavaScript not executing immediately on load.
Suggested immediate steps:
- Ask affected users to refresh the page and see if the issue persists.
- Observe whether the problem correlates with slower connections or delayed asset loading.
Outcomes/decisions: No fix implemented yet; only a troubleshooting step (refresh) recommended.
Open questions:
- Does refreshing consistently resolve the issue for affected users?
- Is the CSS/JS load order or delivery (e.g., delays, failures) the root cause?
Status: Unresolved and awaiting confirmation after attempting the refresh step.
@ABdev1 it looks like the css is not properly loaded and hence menu is stacked, it can happen due to slow internet or some javascript not being loaded immediately which causes this to happen. Ask them to refresh the page and check if it persists.
1 Like
From the recordings it looks like it might just be the recording software glitching because the movements indicate that they can see things under the menu that they wouldnt be able to see if the menu was actually like this. I have also not been able to replicate this effect.
1 Like
The viewer’s slow internet connection causes that issue.
2 Likes
Another possible reason – people with older browsers.
But recording software should confirm whether this is the case.
Horizon family of themes uses newer Javascript APIs which are not be available in older IOSes for example.
1 Like