Archived topic
Customize button to make it floating on the right bottom of screen
5 replies · Started by Willya on November 1, 2022
Viewing posts 1–6 of 6
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%;
}Hi Willya,
Try replacing the code you have with this:
.sticky-social-icons {
position: fixed;
right:0;
top: 30%;
}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.
I see. Try this instead:
.sticky-social-icons {
position: fixed;
right:0;
bottom: 20px;
}As always. Thank you, Fernando.
You're welcome Willya!
This archived topic is closed to new replies.
