Is It Possible To Make A Contact Form Sticky?
Richard
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?
Pavel
Accepted AnswerHi.
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;
}
Mehtaz Afsana Borsha
Accepted AnswerHi
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
Accepted AnswerRichard
Accepted AnswerHi 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
Accepted AnswerI 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
Accepted AnswerPavel. 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
Accepted AnswerAdd 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