How to use the plugin respectively working with it

Hi @simonvetterli,

Unfortunately, this is not all that easy to do as the structure of the page elements does not allow for shifting around like this.

It may be worth exploring the idea of creating 2 forms, with the 2 different layout styles (note: it will not be necessary to use any layout modification such as rows and columns on the mobile view form). Add both forms on the same page. Then in your CSS use @media to hide the form that you do not want to be visible at the particular page size. This is not ideal, but it should work.

An example would be something like:

@media only screen and (max-width: 599px) {
   #gform_wrapper_46 {
     display: none;
   }	
 }
 @media only screen and (min-width: 600px) {
   #gform_wrapper_47 {
     display: none;
   }	
 }

Note that #gform_wrapper_46 & #gform_wrapper_47, where the numbers 46 and 47 are the ids of the forms on the page.

We hope that helps, and please feel free to ask if this is still unclear.

Kind regards.

Hello @webholism

I think I did it correctly, with just some margin CSS. But in general I do have 2 different forms on one page.

And used your plugin as in the “install” part.

Regards,

Simon

Hi @simonvetterli,

Have you resolved the issue?

On examining the link that you provided to the dev site, it appears that in the area that you have the form (Gravity Forms id 3), with the header ‘Book your Reiki Session’ there is only a single form in that area.

Is it possible to explain if you need further assistance, or if you are happy with what you have?

Sorry for the confusion. ??

Wishing you a great day.

Hello @webholism

Yes, this support thread is resolved. Thanks for Your help.

Regards,

Simon