See screenshot:
Unless this is a “by design” issue, one fix might be to set the z-order value to something much lower than a 1000 on the .d-header style rule.
Cheers,
Kirupa
See screenshot:
Unless this is a “by design” issue, one fix might be to set the z-order value to something much lower than a 1000 on the .d-header style rule.
Cheers,
Kirupa
There is a CSS error where your HTML headers are enormous. Correct that CSS error first.
I think that’s a custom header.
It’s tricky because the popup is a child of .reply-control
. It has a z-index of 999. The header drop-down menus inherit a z-index of 1000 from the header. If you reduce the header’s z-index then the dropdown menu shows up behind the composer.
One solution is .custom-header { position: relative; z-index: 1000; }
That way at least the header and the custom-header are both covering the popup.
It’s not only a problem with custom headers. I have a second monitor with a small screen (1024 x 768) and I had noticed a similar problem.
I raised this Issue earlier. It is the reason I proposed putting the x at bottom of the pop-up.
I am seeing the same on my forum. No custom CSS, latest version.
1366 x 768 screen:
1920 x 1080 screen:
I was referring to the h2 header that says “your topic is similar to…” not the site header panel.
I do support the other topic here which proposed overlaying the help / advice panels over the preview panel rather than being an “above the editor” popup.