Chat window hiding behind Twenty Eleven header

I use the Chat plugin, but I found a bug when using it with the Twenty Eleven theme in WordPress 3.2. If you scroll, the chat window goes behind the header image.

I used this plugin with no problems up to WordPress 3.1.4, and it works find in 3.2 - except for this problem. I guess the z-index is the reason, but I am not sure about that.

Topic theme-twenty-eleven css Wordpress

Category Web

1
answered at

It is indeed a z-index problem. The #branding element has a z-index of 2, in other themes (like Twenty Ten, the default in 3.0 and 3.1), it was not set.

A simple solution is to set the z-index of #chat-block-site to something higher.

#chat-block-site
{
    z-index: 10;
}

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.