CMS Development

jshonkwiler
Member

Fixed form on scroll

I'd like to try a landing page that has a form fixed to the right so we can get more text on the page. I've created the page but can't get the fixed form to work. I haven't been able to find any examples of this working with Hubspot-created pages.

 

Here is the page right now.

http://info.brightgauge.com/-temporary-slug-4f352ae7-0ab2-41a0-af70-853362f0ff16?hs_preview=XyvyMvux...

 

Any ideas how to make this work?

0 Upvotes
4 Replies 4
Anonymous
Not applicable

Fixed form on scroll

Hi @jshonkwiler,

The form is fixed already. Can you brief me how exactly you want the functionality so that I can help you?

0 Upvotes
jshonkwiler
Member

Fixed form on scroll

Thanks,KularanjanC! I did seem to get the css right (for the fixed position) last night. This won't work at all responsive levels so I'll have to do some targeting. Thanks for checking out the thread!

0 Upvotes
COSCOGS
Member

Fixed form on scroll

Hey!

 

That's a good looking LP.

 

Just make it relative for mobile.

 

@media (max-width: 767px) {

.hero-form.down-arrow {
position: relative;
}

}

 

 

0 Upvotes
jshonkwiler
Member

Fixed form on scroll

Yes! This bad boy will take some nudging for mobile for sure. Thanks for that css btw!

0 Upvotes