This is my header navigation menu on the top right of my website:
This is an invisible div that wpDiscuz is adding over the top:
Notice it covers the menu, making it so the menu items aren’t “hoverable” or click-able.
This is the CSS associated with the div wpDiscuz is adding:
I’m tempted to override the CSS with different values for top or right or z-index, but wanted to ensure I wasn’t breaking some sort of wpDiscuz functionality. Or to see if there wasn’t a better way to fix the issue.
You can see it for yourself here: https://www.practicalnetworking.net/
It’s worse in Mobile view… the invisible Div prevents clicking of the hamburger menu:
(I added a blue transparent background color to the #wpdiscuz-comment-message div to make it easier to see).
This is the offending div:
<div id="wpdiscuz-comment-message" class="wpdiscuz-comment-message-unauth"></div>
Given the ID/Class, I am guessing this is where some message pops up when a user adds a comment? Or possibly the live notification when a comment is added?
Plugin is still active. I just checked, I still see the div. It's possible you need to go to an actual blog post (where a comments section exist) and not the home page. Here's a link to one:
https://www.practicalnetworking.net/practical-tls/practical-tls-free-ssl-training-m1/
The offending div is "stuck" to the right edge of the screen, so you may have to play around with your resolution and viewport width to find it.
@erh,
Please use this CSS code:
div#wpdiscuz-comment-message {
padding-bottom: 5px;
}
It should solve the issue.
Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.
@asti Thank you.
What would be the harm in setting the padding-bottom to 0px?
That seems to disappear the box entirely. Unless content exists within the Div... in which case it will be obvious why the button isn't clickable.
