Modal feature not clickable when opened

  • Resolved Artan

    (@artankrasniqi1988)


    4 years, 5 months ago

    Hi there,

    when I create a modal button and then click it it opens. That′s fine. But the whole screen is on opacity 0.5 (also the modal) and the buttons to close it, no matter if the x or close button, don′t function. It′s like a 0.5 opacity screen is put in front of the whole website. When I change .modal-backdrop {
    position: fixed;} to relative; it solves the thing, altough the screen is then scrollable and the opacity lost.

    Can u help me out with this? I′m working currently offline with xampp. Could send u the codes if u need them.

    Thank u!

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hello, Artan!

    I just checked this on my local test environment and find no problem with the modal widget.

    It’s possible that you have a conflict with your currently active theme/plugins.
    Try to deactivate ALL active plugins (of course leave the Elementor and Gold Addons plugins active) then check this option again. If then the modal widget works, activate the plugins one by one until the problem reoccurs, so in that way you can find the problematic plugin(s), if any…
    If that doesn’t help, try to activate some of the default WordPress themes and check again.

    Please let us know if you find that there is some sort of conflict so we can check and fix that.

    Regards

    Thread Starter Artan

    (@artankrasniqi1988)

    Hi,

    thanks for your reply. I deactivated all plugins except Elementor and Gold Addons. Problem still occured. Then I also deleted all of my custom css. Still the same problem. I tried some different themes. Twenty twenty seemed to work. I tried a bunch of others. It was interesting, that the same problem occured on a lot of themes (opacity screen 0.5 laid atop of whole screen with non clickable modal section).

    I use the theme Phlox by averta, everything is updated. I would like to keep the theme before I have to customize another again. Do you think we can find a solution?

    Thanks for your support.

    Hi, Artan!

    That’s interesting…
    Try to go with the following:

    .modal-backdrop{
display:none;
}

    Regards

    Thread Starter Artan

    (@artankrasniqi1988)

    Hi!

    The css is working. Although now the darker screen is missing and therefore the modal box not “highlighted”. Do you think this problem has something to do just with my settings/site or could it be something with the addon? :/

    I mean it works for now, not 100 % as it should but as a start it should be fine.

    Thanks for your support!

    Thread Starter Artan

    (@artankrasniqi1988)

    Another small thing. When u have a long text, the modal box keeps it′s height. It doesn′t stretch down with the text and at some point the “close” button is in the middle of the text and the text overflows the modal box.

    Hi Artan!

    Thank you for noticing that. We need to check this in our test environment and if we find that there is a problem in the plugin, we will fix it in the following plugin update.

    Regards

    Thread Starter Artan

    (@artankrasniqi1988)

    K. Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Modal feature not clickable when opened’ is closed to new replies.