danny-d
1/16/2017 - 9:40 PM

Floating Font Awesome Back to Top Button in WordPress

Floating Font Awesome Back to Top Button in WordPress

.toTopBtn {
  float: none;
  margin: 20px auto 0 auto;
}

@media only screen and (min-width: 550px) {
  .toTopBtn {
    padding: 9px;
    margin: 30px auto auto auto;
    width: 40px;
    background: #EFEFEF;
    text-align: center;
    font-size: 11px;
  }

  .toTopBtn:hover {
    cursor: pointer;
    color: #19B4FF;
    border: 1px solid #19B4FF;
  }
}
//* Add To Top Button
function add_genesis_entry_totop_button () {
	echo  '<div class="to-top-btn"><i class="fa fa-arrow-up fa-2"></i></div>';
};
add_action('genesis_footer', 'add_genesis_entry_totop_button');
$(".to-top-btn").click( function(){
  $("html, body").animate({ scrollTop: 0 }, "slow");
});