Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Show different form on Mobile Only


Zezzi

Question

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 post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

5 answers to this question

Recommended Posts

  • 0

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

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

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

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

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 post
  • 0

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

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...