Another "Back to Top" Option

October 7, 2016 Uberflip Customer Success

This code will add a button to your Hub that users can click to navigate quickly to the top of the screen.

#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;

No Previous Articles

Next Article
Label Stream Tiles with Buttons
Label Stream Tiles with Buttons