I noticed that the Sitepoint forums have links within the Discourse header itself.
How was this achieved? I came across a post that suggested adding links above the header and then using CSS to position them so it looks like they’re part of the Discourse header. I’d prefer not to do it this way but to add markup directly in the normal header if possible.
I was thinking a plugin, but I can only add markup where a plugin outlet exists right?
Just be warned, it makes upgrading a chore from time to time, as you are in charge of your header entirely and you can break it. So unless you have a staging server that you can test against for upgrades, I’d find a different route.
That’s their main website and not Discourse though. The code I helped them with was for Discourse only, which doesn’t scale down to that menu either.
In short, you would need minimally add more HTML. You would have to have a menu (that is hidden at larger viewports) plus the horizontal menu which is visible at larger viewports. Then as the viewport shrinks your CSS media queries should hide the horizontal menu and make the menu visible.
This is a good read of the concept behind what their main site is doing
I unfortunately do not have any old versions of safari laying around. So I can’t say that I have. Though I can’t think of any reason for that to occur, The HTML it outputs isn’t anything special and utilizes CSS 1 standard properties.
However, if you used that code as written, pay close attention to the “hidden-for-mobile” class, maybe it is being treated as mobile?