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?
Cheers,
Demaup
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/
Hi,
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,
Nikko
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?
Cheers
Hi,
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,
Ismael
Hi Ismael,
This is working perfectly! A huge thanks to you and Nikko for your amazing support.
Cheers.
Hi,
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,
Nikko