9

On the page for Stack Overflow Contests (https://contests.stackoverflow.com/), the top bar is broken. The issue could potentially be due to the missing search bar.

Screenshot:

enter image description here

I haven't seen this happen on any other pages.

3
  • For me eveything seems right except font color and duplicates in badges area: i.imgur.com/QrTMcfX.png It might that someone edits this part of header on the air.
    – Artfaith
    Commented Nov 12, 2019 at 7:00
  • @V.7: Note the duplicated reputation and the text additional texts "xx gold/silver/bronze badges". These are normally not present.
    – Shaido
    Commented Nov 12, 2019 at 7:11
  • 3
    repro-ed on Chrome 78, Win10
    – rene
    Commented Nov 12, 2019 at 7:35

2 Answers 2

3

This was fixed up when we gave Contests and Winter Bash some .NET Core overhaul loving late last year. The proper includes (it was missing one of the stylesheets) is resolved now!

-2

Looks like some programmer forgot to remove/hide unecessary elements from this header element, thus scrollbar shows up because of overflow property or such:

img_1

Removing those highlighted above helps via adding span.v-visible-sr {display: none;} into stylesheet. For example, you might want to use some extension like User JavaScript and CSS to achieve this, which would remove this unecessary hightlighted text below:

img_2

2
  • 1
    Those elements are meant to be used by screen readers (hence the "sr" in the class). They are actually present on all pages, so it looks like they simply forgot to include the needed CSS to hide them. But they are indeed the cause.
    – TiiJ7
    Commented Nov 12, 2019 at 15:28
  • 4
    Just because it's Meta doesn't mean it's suddenly OK to post images of code.
    – Cody Gray Mod
    Commented Nov 12, 2019 at 16:10

You must log in to answer this question.

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