[Resolved] How to create sticky footer button

[Sanjay]

How to create sticky footer button?

Like this page Sticky Footer when scroll down

[Fernando]

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. 🙂

[Sanjay]

Thanku very much.

I am not a developer but since I started using GP I feel like a developer. thanks again

[Fernando]

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. 🙂

[Author]

Posts