/* ==========================================================================
   #SNACKBAR
   ========================================================================== */

.snackbar {
  min-width: 300px;
  padding: 15px;
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #39b466;
  color: $white;
  text-align: center;
  border-radius: $global-border-radius;
  z-index: 5;
  font-size: 1.6rem;
  animation: 0.5s ease fadeInControls, 0.5s ease fadeOutControls 3s;
}

.snackbar.error {
  background-color: #da1c2f;
}

/* ==========================================================================
   #SNACKBAR
   ========================================================================== */

.snackbar {
  min-width: 300px;
  padding: 15px;
  position: fixed;
  top: 35px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #39b466;
  color: $white;
  text-align: center;
  border-radius: $global-border-radius;
  z-index: 5;
  font-size: 1.6rem;
  animation: 0.5s ease fadeInControls, 0.5s ease fadeOutControls 3s;
}

.snackbar.error {
  background-color: #da1c2f;
}

Change positioning from relative to fixed
Change positioning from relative to fixed
