Won't fix Nav bar ghost links/non-javascript responsive error

Jon W

Well-known member
If javascript is disabled (and also for a split second when you resize the browser window even with javascript enabled), the top row of navigation bar links appear as "ghost" links on the second row.

1.webp

This can be fixed by adding a height and overflow:hidden CSS to the nav element.
 
overflow hidden can't be added - it breaks various other things, notably the alert counts.

In general, I don't think there's a really good workaround for this. We aren't really fussed about JS off, particularly for mobile resolutions. The split second thing isn't a huge deal either, IMO (it's actually done that way for improved resize performance; the speed could be done more).

May be worth having another look but on the whole XF's nav structure pretty much dictates this (and it wouldn't change unless that structure was completely redone).
 
Top Bottom