Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Adding a floating contact-button on the Brine?


Hello I'd like to add a floating button on the right side of my page. Is there a quick fix for this? Thank you all a lot.My website is lovemoves.de

Edited by LoveMoves
Initial Revision

Share this post

Link to post

5 answers to this question

Recommended Posts

  • 0

@LoveMoves Here is HTML (Add to Footer)

<div class="kl-float">
   <a href="https://www.tsiapparel.com/uniform-enquiry">
   <h9 style="color:white">REQUEST QUOTATION</h9>

and CSS (Add to Home > Design > Custom CSS)

.kl-float {
   position: fixed;
   opacity: .9;
   top: calc(30%);
   right: 0;
   z-index: 20000;
   background-color: #f9674d;
   white-space: nowrap;
   text-align: center !important;
   border-radius: 0px;
   height: 28px;
   font-family: montserrat;
   font-weight: bold;
   font-size: 12px;
   padding-top: 10px;
   padding-right: 20px;
   padding-bottom: 10px;
   padding-left: 20px;
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   transform-origin: bottom right;

If it doesn't work, keep the code and post site url, i'll check.

You can send your question to my email to get faster answer.

How to Setup Password & Share URL - Free Templates - Free Code - CSS ID List

Share this post

Link to post
  • 0

Hello! I'm attempting this same floating button. I used your suggestion above and it looks great, but it doesn't let me click on it. Any advice much appreciated if you happen to see this. Thanks so much!

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...