Position of the New topic button on Horizon

Continuing the discussion from Create a new topic button disappeared:

I wonder if this button can be changed to floating and moved to the bottom right? I tried to do it using my limited CSS skills but I couldn’t do it; I suspect the HTML in Horizon is limiting this.

I appreciate any advice or guideline to make this possible :slight_smile:

You mean like this?

Something like this would work I think

.sidebar-new-topic-button__wrapper {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    margin: 0;
}

But it won’t be “aware” of any other elements on the page, so will overlap things.

Thank you! That is what I tried, but it gets hidden by many other elements, and the tricky z-index: 999 is not working there. I understand this is because of the ancestor elements in the theme.

It gets hidden by topic cards, right sidebar elements, and so on.

Hmm youre right. Oddity. Ill look why it does that

Ah it’s because it’s DOM parent has position:sticky… Okay that the reason but not sure there is a CSS solution :sweat_smile:

Altho, setting a z-index:1 on the sidebar-wrapper does fix the stacking context (and makes the button behave as we want). I don’t think that has any other consequences, but you never know with z-index.