5 replies · opened Sep 23, 2019
Hello how to add a button with text so that it is sticky on the side like the car demo where you have the email icon. I want a large button with text on it not necessarily any icons. I tried the sticky social icon but that is too small.
Hello,
You can simply set the position: fixed; CSS Property on any HTML Element to make it sticky. Consider using the following CSS code for the Sticky Button and add the .sticky-button Class to the .button Element:
.sticky-button {
position: fixed;
top: auto;
left: auto;
bottom: 30px;
right: 30px;
z-index: 9;
}This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Ok it doesn't work on a button but if I use a div it works. Any ideas?
Hello,
It does work for us on the Button using the following code:
[Sticky Button](#)Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
actually if any element has the button class then it's an issue.
Hello,
We are not quite sure what codes you are trying to use. Can you please provide us with a Live URL or sample codes so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard