Jump to content

Show different form on Mobile Only

Recommended Posts

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!

Edited by Zezzi
I have added the Form code
Link to comment
  • Replies 9
  • Views 987
  • Created
  • Last Reply

Top Posters In This Topic

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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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!

Link to comment
  • 7 months later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.