34

See the picture below:

Enter image description here

The issue seems to be:

.nav li.current a {
    color: #fffdff;
    font-weight: bold;
}
1
  • 7
    Also on Meta.SE: System message breaks mobile site layout. Selected menu item is supposed to have that style, but it's not supposed to be pushed down to white background.
    – user3717023
    Commented Aug 22, 2015 at 3:35

1 Answer 1

34

Here's a simple CSS fix, from my answer to the meta.SE report:

.nav { clear: both }

This rule will cause the navbar to be properly pushed down below the announcement. Here's a pair of "before and after" screenshots showing the effect of this fix:

Screenshot of Stack Overflow mobile view with CSS bug     Screenshot of fixed Stack Overflow mobile view

2
  • 13
    I guess the simplest fix would be to get rid of it. "Really. Clever. Copywriting." is just so, so lame. The world is drenched in silly advertising messages, and it is particularly annoying where the ad agency / whoever is trying to be "clever".
    – Fattie
    Commented Aug 24, 2015 at 12:15
  • #system-message { visibility: collapse; } Commented Aug 24, 2015 at 22:42

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