Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 5, 2021 at 11:14 pm #1285946
    ginnywills

    I have created a pop-up to collect email addresses when someone clicks on a link. I then want it to redirect to a new page once the person has done that. The functionality is working but I can’t figure out the formatting.

    Fire Safety for Residential

    When you click on the “Discover the five…” button you get a pop-up but it looks terrible.

    POP-UP:
    1. Why is the content only taking up part of the box? I made it 60% but that doesn’t do anything.
    2. Because I made it 60% its even worse on the phone.

    Please help??

    March 6, 2021 at 9:01 am #1286003
    Victoria

    Hey ginnywills,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    March 6, 2021 at 8:22 pm #1286099
    ginnywills

    Actually, I figured most of my issue out so now it looks good on the desktop but how can I format the phone so its not so squished?

    March 8, 2021 at 6:43 am #1286312
    Rikard

    Hi,

    Thanks for the update. What exactly are you looking to alter on the mobile version? Please try to explain a bit further, or post a screenshot highlighting your intentions.

    Best regards,
    Rikard

    March 8, 2021 at 2:55 pm #1286458
    ginnywills

    If you go to this URL: https://saferalarmsinc.com/fire-safety-for-residential/ and then click on the red button you will see the pop up is long and skinny. It also scrolls the user down instead of popping up in place.

    Can you please advise?

    I do not know how to attach a screenshot.

    March 10, 2021 at 6:47 am #1286982
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.mfp-inline-holder .mfp-content {
    width: 90%;
}
}

    Best regards,
    Rikard

    March 10, 2021 at 4:53 pm #1287179
    ginnywills

    Thanks – that worked!

    Why is it scrolling down the screen when the pop up opens? (on the phone)

    March 19, 2021 at 3:41 pm #1289207
    Yigit

    Hi,

    That is because you are opening modal window using #contactform.

    If you do not like that behaviour, please create a page without header and footer, add your content into it and then link to your button as following

    https://yourdomain.com/your-popup-page?iframe=true

    Best regards,
    Yigit

    March 27, 2021 at 6:06 pm #1290754
    manurimini

    Hello Yigit
    I also have all the modal pop ups scrolling weirdly on tablets and phones. But they were not before updating to Enfold 481 and WP 5.7
    What is changed in the meantime?
    I have tried your solution and it works without scrolling, but…
    I have several modal popups. Shall I redo them all again in a knew page and link them with ?iframe true?
    I have spent several time to write the CSS for my modal pop-up and I really don’t like how they appear in your solution. So I guess I have to write the CSS again!
    Best Regards
    Manu

    • This reply was modified 3 years, 8 months ago by manurimini.
    March 31, 2021 at 2:29 pm #1291561
    Yigit

    Hi Manu,

    WordPress 5.7 was the final stage of jQuery version update in WP core and in Enfold 4.8 we have updated deprecated jQuery functions so I am guessing one of those updates caused the scroll issue.
    That being said, I think ?iframe=true solution would be a more stable solution so please update your CSS.

    If you need help with that, please point out the changes you would like to make and we will gladly try to help you :)

    Best regards,
    Yigit

    April 1, 2021 at 12:15 pm #1291752
    manurimini

    Hi Yigit
    Thank you for the answer. I raelly appreciate your willingness to help me out. I tried your solution with iframe but is far away from what I need for many reasons that would be to long to explain.
    I have opened a new thread to try to solve this issue (https://kriesi.at/support/topic/modal-pop-up-window-on-mobiles/)
    I hope you’ll give a look for helping me out with this issue.
    Best regards and happy Easter
    Manu

    April 5, 2021 at 3:16 am #1292392
    Ismael

    Hi,

    Thank you for opening the thread. Please continue there.

    // https://kriesi.at/support/topic/modal-pop-up-window-on-mobiles/#post-1292390

    We will close this one for now.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Popup on Click’ is closed to new replies.