Popup position increase top gap on mobile

  • Resolved mattcracow

    (@mattcracow)


    4 months, 3 weeks ago

    Hi,

    I have a question how can I create a bigger gap from top and bottom for .pum-container when my content is taller than my screen viewport (for example on the mobile horizontal view).

    It seems that I have top: 10px, I would like to increase gap to 30px from top.
    Bottom of the .pum-container touch my screen edge after scrolling. I would like to have the same gap that is at the top: 30px.

    Screenshot: https://prnt.sc/fWZMRc_i95oi

    I would like that always my popup will be in the Middle, Center if there is enough space.

    My settings in the Popup:
    Display:
    >> Display Presets: Center Popup
    >> Size: 60%
    >> Max width: 760px
    >> Position >> Location: Middle Center

    • This topic was modified 4 months, 3 weeks ago by mattcracow.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Kim L

    (@kimmyx)

    Hi @mattcracow,

    Thanks for the post!

    If you want to have a substantial gap at the top and bottom of your popup on mobile, you might need to set a custom size in your popup settings > Display > Size.

    See here: https://share.zight.com/eDuKe27x

    You can enable “Scrollable Content” if the content inside your popup exceeds the current screen height.

    Hope that helps! Let us know if you have more questions.

    Plugin Support Kim L

    (@kimmyx)

    Hi there,

    I’m going to mark this as resolved as we haven’t heard from you in a while.

    Feel free to create a new thread if you have other questions.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.

Tags