Change Form to Modal using Button when break point is small

[Emperor]

I want to change a form I have in a 3 column row to be just a button that activates a modal containing the form when the break point is smaller what 420px width.

Is that possible?

Thank you.

[ruenel]

Hello @Emperor,

Thanks for writing in!

You can use the “Hide During Breakpoints” option in the Form Integration element to hide the form when the screen size is smaller than 480 pixels. Simply click the Form Integration and find the “Customize” option.

And then, you can insert a Modal Content element, again use the “Hide During Breakpoints” option, so that the modal element will only be visible when the screen size is less than 480 pixels. Inside the Modal Content, you can also insert the Form Integration element so that when the modal popup displays, the form will also display.

For more details, please check the following:

• https://theme.co/docs/hide-or-show-content-by-device-size
• https://theme.co/docs/modal
• https://theme.co/docs/form-integration

Hope this helps.

[Emperor]

Thank You Very Much

[ruenel]

You are most welcome, @Emperor!