• Good day
    I noticed that the popup gets cut off at the bottom and can’t scroll down to the bottom.
    I tried it on different websites and the results are the same.
    Please advise

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • I wrapped this inside a media query for phones and that seemed to have corrected the issue.

    
    .popup_outer_wrap:not([class*=" type-inline"]).position-center-center {
      left: 15px;
      top: 15px;
    }
    .popup_outer_wrap.popup_full_height {
      -webkit-transform: none;
      transform: none;
    }
    

    I am having the same issue with popups appearing halfway down the screen on a large iMac desktop in Safari and Chrome. I’m not having the issue in Firefox, but on laptop firfox also has the issue.

    It appears to have something to do with the device screen size and the amount of content contained within the popup. My popups are large containing a lot of information. The smaller ones with less information don’t appear to have the problem.

    Here is a link to see the issue. The popups contain bio information when you click on any of the faculty names. https://kauaiwritersconference.com

    I’ll try the media query for phones and see if that helps and let you know – thanks K. Williams. Also noticed they are no longer showing up on mobile at all.

    Showing up on mobile – it was an unrelated issue.

    The CSS helped somewhat, but since my popups are large and various sizes its inconsistent.

    Receiving a message at the bottom of the module while editing that the plugin is not compatible with the latest version of the Divi Builder. Hoping for an update soon.

    Another observation:
    When the display screen is taller, the popup moves up into the upper right corner.
    When screen height is shortened, the popup moves back to center.

    Adding this worked:

    .popup_outer_wrap:not([class*=” type-inline”]).position-center-center:not([class*=” popup_full_height”]) {
    -webkit-transform: none;
    transform: none;
    }

    Thread Starter rizz0

    (@rizz0)

    @krisatroar, working perfectly ……. Thank you

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Not displaying full popup’ is closed to new replies.