There is so much going on in your screenshot I don't really know were to look. Can you add some freehand green circles to point me to the place I need to look?
@JoeFriend: I can repro this on Chrome. Steps: 1) Open SO in an Incognito window. 2) Go to a question page. 3) Close the "this site uses cookies" banner at the bottom, revealing the blue sign-up banner under it. 4) Close the blue sign-up banner at the bottom of the window, causing the black sign-up banner at the top to appear. 5) Scroll down slightly so that the sticky top bar overlaps the sign-up banner. (And yeah, wow, that's a lot of banners...)
Anyway, the problematic CSS rule seems to be .s-hero--container { z-index: 5001 }. Disabling that rule in the dev console makes the content of the sign-up banner stay under the top bar like it should.
I agree with @IlmariKaronen that's a lot of banners. It might be easier to display all banners in a single place one-by-one (with probably legal cookie stuff first). Maybe a kind of "snackbar"... Btw I didn't understand the purpose of sign-up banner since you have the "same" sign-up button 10px upper.
This site is intended for bugs, features, and discussion of Stack Overflow and the software that powers it. You must have an account on Stack Overflow to participate.
By clicking “Accept all cookies”, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our Cookie Policy.
.s-hero--container { z-index: 5001 }
. Disabling that rule in the dev console makes the content of the sign-up banner stay under the top bar like it should.