Contact Form in a Lightbox

Hey satsumamedia,

You might want to use Contact From 7 and Popup for Contact Form 7 to achieve this.

If you need further assistance please let us know.
Best regards,
Victoria

Hi,

Button elements can open a lightbox window and display any content inside it.

1. Create a new page with your form and hide the header and footer from the layout options in the page sidebar.
2. Copy the page URL and add ?iframe=true to the end of the link.

example: If the new page created to display in the lightbox is http://kriesi.at/contact the link to open it in lightbox will be http://kriesi.at/contact?iframe=true

Finally, add the lightbox link to a button element.

Best regards,
Vinay

Hi,

The form is responsive when viewed on mobile it will display as a one column. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - */

/* Width */
.mfp-iframe-holder .mfp-content {
    width: 90%;
    max-width: 1600px;
    min-height: 90vh;
}

/* Height */
.mfp-iframe-scaler {
    min-height: 90vh;
}

Best regards,
Vinay