I was just looking at the latest Stack Overflow blog post and noticed that the blog site's header is messed up.

When the page first loads, as shown in the image below, there are links that are covered up by the top bar.

top of the page

From inspecting the code, I can see that the links are supposed to go to the Company, Code for a Living, Insights, Engineering and Podcast pages. The only reason I noticed them is because you can see them sticking out a bit on the bottom. Also, if you look closely, you can see the Stack Overflow Blog logo from behind the black bar.

When you scroll down a bit, the black bar gets thicker, so you can't see any links sticking out, but I'm assuming the links are still hidden under the bar. Also, you can still see the words "Stack Overflow" very faintly through the black bar:


I was able to reproduce this bug in both Chrome and Firefox.

  • 1
    Noted - looks like it has to do with the new nav that got shipped today. Investigating.
    – Jon Chan StaffMod
    Sep 18, 2017 at 20:53
  • @JonChan Assuming it is related, because if I remember correctly, the blog top bar color was white until the new nav was rolled out.
    – Tot Zam
    Sep 18, 2017 at 20:54

1 Answer 1


This is fixed now. Blog was injecting some CSS that was unexpected from the topbar changes.

  • I'm actually not sure if this fix is an improvement. A 156px top bar is a TON of wasted screen space! A third of my screen is covered with the top bar and I am only able to view a small piece of the blog post at a time. And my screen size is pretty large. Here is a screenshot of my screen. I need to scroll so far down the page to start reading, and on my large screen, I only see the first two paragraphs in the beginning.
    – Tot Zam
    Sep 18, 2017 at 22:49

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .