Sticky button on Generatepress

Hi there,

Can you provide an example of what you are wanting to create?

Thanks!

I'm not found the example(s) that fits for my questions, but...

I tried to search on Google and find this > https://divisoup.com/how-to-create-a-sticky-button-in-divi/

I want to stick that button on bottom of my website. Like I can give some call to action at this section.

I already knew that GP give nice tutorial for create a button, but not for sticking it like sticky menu.

Hope you can understand my question.

Hi there,

You could create a new Hook element, and apply it to the after_footer hook.

Your content would be this:

<div class="sticky-footer">
    Your content + button in here.
</div>

Then you'd add this CSS to your site:

.sticky-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;

    background-color: #222;
    color: #fff;
    padding: 10px;
}

Using Hooks: https://docs.generatepress.com/article/hooks-element-overview/

Thank you, Tom. I'll try it. :)

No problem :)

Hey, TOM!

I have tried your CSS and added hook as well...

It is working good... how can I make it animate like this page sticky button at bottom https://bloggerspassion.com/semrush-vs-ahrefs-review/

It should appear after scrolling a bit, same as you can see on the page above.

That will require custom javascript which is not within our support scope unfortunately.