Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #935065

    Hi guys!

    I just created a form with typeform which open as a popup when a user click on the bordered button of my main menu (website in private content).
    I follow this thread for the popup option: https://kriesi.at/support/topic/lunch-typeform-pop-up-from-a-custom-button/

    So I use this link to make the popup works: https://labotenumrique.typeform.com/to/vZb9kH?iframe=true

    But I would like to know if it is possible to make the popup bigger? More precisely I want the popup to take the entire page (or almost), especially on mobile. Is there a way to custom the link above to achieve this?




    To give an example I would like to do exactly what is happening on this website when you click on “get growth” on the top right of the website : http://mozza.io/

    • This reply was modified 6 years ago by Demaup. Reason: forget the website link


    Can you try adding this css code in QUick CSS (located in Enfold > General Styling):

    .mfp-iframe-holder .mfp-content {
        max-width: 1600px;

    Hope it helps :)

    Best regards,


    Hi Nikko,

    Thanks, it’s looking perfect on laptop.

    But still really small on mobile: https://imgur.com/a/EiXkC
    Any guess how to make the popup 2/3 of the screen on mobile?




    Thank you for the update.

    Please add the following css code to increase the height of the lightbox container.

    @media only screen and (max-width: 1024px) {
      /* Add your Mobile Styles here */
      .mfp-iframe-scaler {
        min-height: 70vh;

    Best regards,


    Hi Ismael,

    This is working perfectly! A huge thanks to you and Nikko for your amazing support.




    Glad that we could help :) Feel free to comeback if you need further assistance.

    Thanks for using Enfold and have a great day :)

    Best regards,

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Typeform popup setting with button in the header’ is closed to new replies.