[Resolved] Fixed button ( image) similar to "GP back to top button"?

[Mariken de Ruiter]

Hi Tom,

I like to make a fixed button (image of a button) similar to the GP back to top button.
I read this post:
https://generatepress.com/forums/topic/social-media-instagram-link-scroll-button-similar-to-gp-back-to-top-button/

On the Coming Soon page you see the image of the design with the image of the button. http://complexcompound.nl

The design is in a contained box. So, I guess I need to make an media querie for >767px screens to keep the button image on top of the content.

What should I do different?

[Tom]

Hi there,

I’m not seeing any image on that page? What should I be looking for exactly?

Let me know 🙂

[Mariken de Ruiter]

[Tom]

Can you send the image to support@generatepress.com and mention this topic URL?

[Mariken de Ruiter]

Yeh,

I did it!
Thanks for putting me on the right track.
I followed the steps of this post and changed the font-awesome icon into an image.
Looks great! 🙂 Very happy.
Thanks for the support.

[Tom]

You’re welcome! 🙂

[Mariken de Ruiter]

O, still one small question: ( clients wish)

What part of the JS do I have to skip to show the button instantly and not after scrolling down?

[Tom]

You would remove the javascript completely, and change your HTML from:

<a class="sticky-instagram" href="URL TO INSTAGRAM" style="opacity:0;visibility:hidden;">

To:

<a class="sticky-instagram" href="URL TO INSTAGRAM">

[Mariken de Ruiter]

That’s great Thanks Tom

[Tom]

You’re welcome 🙂

[Author]

Posts