Adding a back to top buttom on mobile

• 

  arbsdesign · Member · Oct 26, 2016 at 7:42 pm

  • Copy link
  • Add topic to favorites

  Hi

  is it possible to add a back to the top button on the mobile version of my site? i dont think my theme comes pre set with one on, (using Gateway)

  thanks

  The blog I need help with is: (visible only to logged in users)

• 

  siobhyb · Member · Oct 31, 2016 at 12:55 pm

  • Copy link

  Hi @arbsdesign,

  You could manually add the following HTML to your footer via a Text widget:

  <a href="#content" class="back-to-top">Back to top.</a>

  The above will create a link that leads visitors back to the top of the page they’re on.

  If you’d only like the above to display on mobile devices, then you’d need to use a media query in your custom CSS.

  The following would hide the link on devices that are 560px in width or more:

  @media screen and (min-width: 560px) {
      .back-to-top {
          display: none;
      }
  }

  Let me know if that helps out or if you have any extra questions.

  Thanks!