Show different form on Mobile Only

Hi there,

I want to add two GetResponse forms to my website (A and B).

For a serie of reasons, I need to display the FORM A on Desktop and the form B on Mobile view only. 

How can I do this? 

Form code looks like this

<script type="text/javascript" src="https://app.getresponse.com/view_webform_v2.js?u=GQovZ&webforms_id=S0i7P"></script>

thanks!

My ideas is insert 2 form on your site.

Then I can give you the code to hide 1 on mobile, hide 1 on desktop

Insert 2 forms, then share link, I can take a look

Hi,

I made 3 forms

https://www.newmonday-sprint.de/medienplanung

Can you help me out to hide the not-needed ones to disappear?

thanks!

Add to Home > Design > Custom CSS

/* desktop */
@media screen and (min-width:641px) {
/* hide form 3 on desktop */
div#block-yui_3_17_2_1_1583179775169_7610 {
    display: none;
}
}
/* mobile */
@media screen and (max-width:640px) {
/* hide form 1 */
div#block-yui_3_17_2_1_1583177983025_10261 {
    display: none;
}
/* hide form 2 */
div#block-yui_3_17_2_1_1583179775169_7109 {
    display: none;
}
}

I have tried, thanks!

It works on 375px mobile, but it doesn´t on desktop and tablet. 

And, would there be a solution I can add to the CSS of the page itself, without adding it to the general Design CSS? It would help in building new landing pages.

Thanks!

Wrap code in <style> css here</style> and insert to Page Settings > Advanced > Header

Can anybody tell me how they use getresponse javascript form into squarespace website? I use 7.1 version. When i add the code, the form shows up, but the page locks in edit mode (so i can not edit the page anymore)

I use embed not code block

6 hours ago, eddyandersen said:

Can anybody tell me how they use getresponse javascript form into squarespace website? I use 7.1 version. When i add the code, the form shows up, but the page locks in edit mode (so i can not edit the page anymore)

I use embed not code block

Can you share link to page where you embed getresponse code? We can take a look

I have a similar request. I have custom search bars that I want to embed but one is meant for desktop and the other for mobile. is there a way to have the right one display based on device? 

On 11/23/2021 at 4:31 AM, realtorrobb said:

I have a similar request. I have custom search bars that I want to embed but one is meant for desktop and the other for mobile. is there a way to have the right one display based on device? 

You can add 2 search bars, then we will give the code to show 1 on desktop, show 1 on mobile