Support » Plugin: Comments - wpDiscuz » wpDiscuz is adding an invisible div over my navigation menu

  • Resolved erh

    (@erh)


    This is my header navigation menu on the top right of my website:

    https://i.imgur.com/gPnZCFY.png

    This is an invisible div that wpDiscuz is adding over the top:

    https://i.imgur.com/rXOVhsV.png

    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:

    https://i.imgur.com/NCCu2Zd.png

    I’m tempted to over ride 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.

    (website is pre-production, so I’m afraid I can’t share a link at this time).

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter erh

    (@erh)

    Follow up: It’s worse in Mobile view… the invisible Div prevents clicking of the hamburger menu:

    https://i.imgur.com/WBjgq68.png

    (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?

    • This reply was modified 2 months, 2 weeks ago by erh.
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.