"Open chat" shouldn't cover page content

Hey, maybe this is just me. But the “Open chat” button makes the page feel chaotic, especially on a phone. It’s chrome, not content, so it belongs at the top.

It’s a really cool feature, it just hurts my eyes. :slight_smile:

1 Like

If anyone wants to look into the CSS for this page, I would love to move the “Open Chat” button from the bottom right to the top middle on mobile.

Honestly, I’m not sure it can be done because JS needs to run to make the decision whether it’s mobile or not, right?

This might be achieved with CSS media queries.

They allow specifying CSS, based on screen sizes.
We can test the following CSS, by appending it to the page’s “style” tag. Additional changes might be required. But we can look at those, if this works.

@media (max-width: 500px) {
    .gitter-open-chat-button {
        top: 10px;
        z-index: 1001;
        left: 70px;
        right: 90px;
        border-bottom-left-radius: .5em;
        border-bottom-right-radius: .5em;
    }
}
1 Like

That’s helpful, thanks. I’m going to turn off the chat button until I have time to resolve this properly.