Using Elementor page builder configured with a sticky header that that stays at the top of viewport (has search, nav menu). As I scroll a post with comments, the avatar circles float over the header as they scroll past instead of under with the rest of the post content. I am using layout #3 if that matters. The avatar circles—even default images—do not respect the z-index of the sticky header which in my case is set to 2000. I tried to style the circle elements but could not figure out the CSS needed so I had to set display: none. This is not really a good workaround since now I have no avatars at all, but at least the visual is not messed up. The rest of the comment layout works as expected. Only the avatars float over the sticky header. Ideas?
In case you want to say thank you! 🙂 We'd really appreciate if you leave a good review on the plugin page. This is the best way to say thank you to this project and the support team.
I was able to implement a workaround by adding CSS to Styles and Colors settings area of wpDiscuz:
.comments-area{opacity:.99;}
By setting opacity to less than 1 I created a new stacking context for the comments area. This keeps everything under my sticky header. Not ideal, but it works.
In case you want to say thank you! 🙂 We'd really appreciate if you leave a good review on the plugin page. This is the best way to say thank you to this project and the support team.
