Archived topic
How to create sticky footer button
3 replies · Started by Sanjay on March 16, 2022
How to create sticky footer button?
Like this page Sticky Footer when scroll down
Hi Sanjay,
To achieve something like this, you may try creating a Block Element with a setup like this: https://share.getcloudapp.com/9ZumWP51
Also see: https://share.getcloudapp.com/04uEkr9A
As shown, I have a Button within a Container Block, and this Container has a custom CSS class make-bottom-fixed. Then, I added this CSS to make it fixed:
.make-bottom-fixed {
position: fixed;
bottom: 0;
left:0;
background-color:white;
width:100%;
}
Here is an article with regards to adding CSS: https://docs.generatepress.com/article/adding-css/#additional-css
Adding it through additional CSS should work.
Hope this clarifies. :)
Thanku very much.
I am not a developer but since I started using GP I feel like a developer. thanks again
You’re welcome Sanjay! Glad to be of assistance and glad you’re growing as a developer as well! Feel free to reach out anytime if you’ll need assistance with anything else. :)