Site logo

Archived topic

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

9 replies · Started by Mariken de Ruiter on June 2, 2018

Viewing posts 1–10 of 10

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?

Hi there,

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

Let me know :)

fixed button right bottom ( button is an image)

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.

You're welcome! :)

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?

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">

That's great Thanks Tom

You're welcome :)

This archived topic is closed to new replies.