• Resolved caranareven7

    (@caranareven7)


    Hi Jasmin,
    is it possible to show a full screen popup only in a div container and not over the whole website. I have a footer on my website that needs to be visible even when a popup is open.

    Many thanks for an answer!

    • This topic was modified 9 months, 1 week ago by caranareven7.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Jasmine

    (@hyenokian)

    Dear @caranareven7,

    Thank you for the topic.

    At the moment, unfortunately, the plugin doesn’t have such kind of feature available for usage.
    Our Dev Team has created a new CSS code to help you achieve your?desired result.

    You can add a margin-bottom for the popup in the size of the footer.
    By this, the footer will remain visible as the popup will be lifted in the size of the footer.

    See the screenshot below:

    Please take this CSS code and insert it into the Popups > particular popup > Styles tab > Custom CSS option. 

    Then, replace?YOUR_POPUP_ID?with the corresponding Popup ID (e.g. 3, like this div.ays-pb-modal_3).?
    Do not delete the space after it.
    Do not forget to?clear the cache afterward.

    div.ays-pb-modal_YOUR_POPUP_ID.ays-pb-modal{
    margin-bottom:SIZE !important;
    }

    You can set the value you prefer for the SIZE. 

    For example, for the Popup with the ID 3, the CSS code will look like this:

    div.ays-pb-modal_3.ays-pb-modal{
    margin-bottom:150px !important;
    }

    Please check this and get back to us with an outcome.

    Thank you.

    Thread Starter caranareven7

    (@caranareven7)

    Dear Jasmine,

    Thank you for your reply. I had already thought of this possibility. But it only works if the popup scrolls with the website and is as high as the website.

    I’ll see if I can solve it differently.

    Plugin Support Jasmine

    (@hyenokian)

    Dear @caranareven7,

    Thank you for your response.

    Unfortunately, there is no option available for this case and the only solution can be the CSS code we provided you with in our previous response.

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Show Popup in container div’ is closed to new replies.