Hub Hack: Add a Different "Back to Top" Button to Your Hub

Follow

Use this Custom Code snippet to add a different style of "Back to Top" button to your Hub.


Warning

Hub Hacks are NOT official Uberflip features. They may not work on all Hubs, or may cause unexpected behavior. Before implementing a Hub Hack on a production Hub, we strongly recommending testing it in a safe environment (such as a staging Hub) if possible.

Uberflip Support is not able to help troubleshoot issues with Hub Hacks: if a Hub Hack is not working correctly in your Hub, Uberflip Support can only help you to disable it.

Details

  • Type: CSS
  • Placement: Head

 

Code

<style>
#moveToTop { right: auto; bottom: 2rem; left: 1rem!important; top: auto; margin: 0!Important; z-index: 2000; } #moveToTop:after { content: 'top'; display: block; font-size: 11px; white-space: nowrap; color: #f47920; text-transform: uppercase; letter-spacing: 1px; text-align: center; } #moveToTop a { background: #f47920!important; opacity: 1; } #moveToTop a:after { content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid white; top: -17px; right: -6px; position: relative; }
</style>
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.