[Resolved] Sticky Floating Call to Action

[Michael]

Hi is there a way to make floating sticky CTA in top header (for desktop) and bottom (for mobile) get free shipping.
like in this website https://drivealogue.com/
many Thanks

[Tom]

Hi there,

For sure, but it involves some HTML and CSS.

For example, you can:

1. Create a Hook Element: https://docs.generatepress.com/article/hooks-element-overview/
2. Set the hook to before_header
3. Add your content:

<div class="sticky-cta">
    Your text
</div>

4. Set the Display Rules.

Then you can use CSS to style it:

.sticky-cta {
    position: fixed;
    top: 0;
    right: 10%;
    max-width: 200px;
    background-color: red;
    color: white;
}

Hope this helps get you started 🙂

[Michael]

Thank you Tom for your Help.

[Tom]

You’re welcome 🙂

[Author]

Posts