[Resolved] Customize button to make it floating on the right bottom of screen

[Willya]

Hi there,

I follow this tutorial to create WhatsApp button on my site: https://www.youtube.com/watch?v=q9YyXSBpRR0
But, I want to make it floating on the right bottom of screen and display it on all devices including mobile.

This is the CSS I use so far:

.sticky-social-icons {
    position: fixed;
    left:0;
    top: 30%;
}

[Fernando]

Hi Willya,

Try replacing the code you have with this:

.sticky-social-icons {
    position: fixed;
    right:0;
    top: 30%;
}

[Willya]

Hi Fernando,

I want to position it at the bottom right of the screen. I have share you the screenshoot (in private information) so that you can understand what I mean.

[Fernando]

I see. Try this instead:

.sticky-social-icons {
    position: fixed;
    right:0;
    bottom: 20px;
}

[Willya]

As always. Thank you, Fernando.

[Fernando]

You’re welcome Willya!

[Author]

Posts