I have a Drupal 7 site. In desktop display, the site contains a sidebar contact form and in most mobile displays, this form goes down below the webpages and buffering between them and the footer (that's because the themeing - That's how it is sorted in the TPL files).
The existing state in which I have only this form is problematic if the webpages are very long so then mobile-users won't necessarily see the form.
What you think is the best SEO-friendly way to construct another extra form that will appear only in mobile devices and this time above the main content area?
Note:
If I'll construct an extra form, I could use the following exemplary CSS code:
media screen and (min-width: 768px) {
#form2 {display:none;}
}
I so ask for your opinion about this as I've read several times that Google (for example) "doesn't like" such instances in which you hide things with CSS and the robot easily finds this "problematic", sayings which I find odd and illogical. Moreover, I plan to add a second extra form (one in the midpoint of articles from certain content-types) and this one also is aimed mostly for mobile-users.
Would thank you for your thoughts,