Disable scroll buttons on mobile view

Best to use some CSS here as well, in the form of media queries.

To hide the buttons on small screens (and all other devices with screens smaller than 576 pixel):

@media screen and (max-width: 576px) {
   .page-scroll-buttons {
      display:none;
   }
}

Or to hide it on tablets (and all other devices with screens smaller than 1024 pixels):

@media screen and (max-width: 1024px) {
   .page-scroll-buttons {
      display:none;
   }
}