I have a prototype here where you can see the contact form sticky on the right side of the page, is it possible to create something like this and if so how please?
Solved
SP Page Builder
Is it possible to make a contact form Sticky?
Accepted answer
Marked as the solution
Pavel
2 years ago
· edited
Hi.
Here for Contact Form addon that you published.
/*This is common part for all options, that makes sticky position to work in general */
.body-innerwrapper {
overflow-x: visible;
}
/* */
/* Part for addon */
.sticky-sidebar .sppb-col-md-4 .addon-root-ajax-contact {
position: sticky;
top: 90px;
}Or a more universal code for any last addon located in the column.
/*This is common part for all options, that makes sticky position to work in general */
.body-innerwrapper {
overflow-x: visible;
}
/* */
/* Part for addon */
.sticky-sidebar .sppb-col-md-4 .sppb-addon-wrapper:last-child {
position: sticky;
top: 90px;
}8 more replies
Mehtaz Afsana Borsha Staff
Hi
Thanks for contacting us. Sorry there is no default option to do that. But you can do it via custom CSS. This link may help you.
https://www.w3schools.com/howto/howto_css_sticky_element.asp
j
https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action
-Regards.
Pavel
Richard Asked this
Hi thanks for the reply Pavel - is there any chance that you might be able to create a screen recording of this process? I think it would be a really cool and popular addition to SPPB, im not sure i can follow the instruction on that thread!
Pavel
I am not an employee of support and I do not have time to record the video. In addition, the video will not be useful for this issue.
I can help you if you create a test page and provide a public link
Richard Asked this
Pavel. you are very kind, im sorry i thought you were staff!
This is the page which isnt live on the site: https://www.fireworkglassstudio.co.uk/glass-blowing-experience you can see the gap on the right side, this is where i want to have a "sticky" contact form sliding up and down the page as the users reads it.
I hope this makes sense.
thanks
Pavel
2 years ago
· edited
Add any your own class name to the section settings Style tab > Css class field.
For example sticky-sidebar
And publish an addon in the column, it does not matter which one.
After that I can help
Richard Asked this
Ok thanks yes have done that
Richard Asked this
Pavel, i cant thank you enough for this it works perfectly, i am sure this will help countless people also, many many thanks.
Log in to reply.