Full Screen Popup?

Viewing 1 replies (of 1 total)
  • Plugin Contributor Philipp Stracker

    (@strackerphil-1)

    Hi @candyshopmedia

    Unfortunately, I could not see any popups. However, it is possible to make a popup full-screen via CSS. Simply add this CSS to your page and adjust “#popup-1” to your actual Popup-ID

    .popup#popup-1 {
    height: 100vh;
    width: 100vw;
    max-width: none;
}

    Also, there is a JS event system integrated in the plugin that you can use to modify popups

    // Modify popup on page load, while it is still hidden:
jQuery(document).on('DiviPopup:Init', function( event, popup ) {
    if ( 'example' === popup.attr('id') ) {
        // Change popup layout/position/etc.
    }
});

// Modify popup everytime it is displayed:
jQuery(document).on('DiviPopup:Opened', function( event, popup ) {
    if ( 'example' === popup.attr('id') ) {
        // Change popup layout/position/etc.
    }
});

    I’m setting this as resolved for now. In case you still need my assistance with this, then let me know here ??

    Philipp

Viewing 1 replies (of 1 total)
  • The topic ‘Full Screen Popup?’ is closed to new replies.