Site logo

Archived topic

How to create sticky footer button

3 replies · Started by Sanjay on March 16, 2022

Viewing posts 1–4 of 4

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. :)

This archived topic is closed to new replies.