Hi I'm just starting out with HubSpot and I'm creating my first landing page template. I created a floating (or perhaps better called fixed) sign up form to the right column of my landing page. However when viewed on mobile the sign up form appears on top of all the other web page text. How do i stop this from happening?
I tried embedding a form to my page and it works fine on desktop but when I try to open my pae on mobile the form shrinks and only one part of it appears meanwhile the other part disappears from the bottom can you help me fix this matter ?
I have probably the same problem. I put the form to my site (https://yaneba.cz/). For the desktop version, everything is ok. But there is a problem with responsiveness on the mobile version.
Hello, we are experiencing what sounds like this same issue with our slide in form. Works great on destop but is not responsive across all mobile devices (usually is bigger than the content frame). Noticed the problem on my Samsung Galaxy S8 using Chrome; tried it on a Iphone 7+ where it did not have the problem; then tried on an Ipad Mini where it did have the problem. Any ideas would be greatly appreciated!
@TRooInbound actually after I added the css code you gave me and when I try it on chrome and safari on desktop it works fine even when I shrink the page to see if it would show up on mobile and it does and then I even inspect the page with the google chrome and try to see what it looks like in different mobile devices iphones & androids and it works but this is all being done on my computer's browser. However when I open it on my iPhone 6 it's not working again only a small part of the form shows like even when I installed the chrome app on my phone it didn't work the form's botton still disappears.
Could you please tell me what I'm supposed to do now,