Jump to content

HHSystems

Member
  • Posts

    3
  • Joined

  • Last visited

Reputation Activity

  1. Thanks
    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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.