HHSystems reacted to
tuanphan in floating button / navigation
You can use this code to Website Tools > Code Injection > Footer
<div class="float-bar">
<a href="/about">First time with us</a>
<a href="/waiver"><i class="fa-solid fa-scroll"></i> Waiver</a>
<a href="/facility"><i class="fa-solid fa-building"></i> Facility</a>
</div>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<style>
div.float-bar {
background-color: #f75900;
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
justify-content: center;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
min-height: 200px;
}
div.float-bar a {
color: #fff;
text-decoration: none;
padding: 10px;
}
</style>
Replace these with real urls on your site