.navbar {
  background-color: #f1c40f;
  border-color: #f1c40f;
  border-radius: 0;
  margin-bottom: 0;

  .navbar-toggle {
    border-color: transparent;

    &:hover {
      background-color: transparent !important;
    }

    &:focus {
      background-color: transparent !important;
    }

    .icon-bar {
      background-color: rgba(55,55,55,1);
    }
  }

  .navbar-collapse {
    border-color: transparent !important;
  }

  a {
    font-size: 16px;
    font-weight: bold;
    color: rgba(55,55,55,0.6) !important;

    &:hover {
      color: rgba(55,55,55,1) !important;
    }
  }

  .active {
    a {
      color: rgba(55,55,55,1) !important;
      background-color: transparent !important;
    }

    @media (max-width: 768px) {
      background-color: rgba(55,55,55,.1) !important;
    }
  }
}

.navbar {
  background-color: #f1c40f;
  border-color: #f1c40f;
  border-radius: 0;
  margin-bottom: 0;

  .navbar-toggle {
    border-color: transparent;

    &:hover {
      background-color: transparent !important;
    }

    &:focus {
      background-color: transparent !important;
    }

    .icon-bar {
      background-color: rgba(55,55,55,1);
    }
  }

  .navbar-collapse {
    border-color: rgba(55,55,55,1) !important;
  }

  a {
    font-size: 16px;
    font-weight: bold;
    color: rgba(55,55,55,0.6) !important;

    &:hover {
      color: rgba(55,55,55,1) !important;
    }

    &:visited {
      color: rgba(55,55,55,0.6) !important;
    }

    &:active {
      color: rgba(55,55,55,0.6) !important;
    }
  }

  .active {
    a {
      color: rgba(55,55,55,1) !important;
      background-color: transparent !important;
    }
  }
}

Remove the background of the active link in the navbar
Remove the background of the active link in the navbar
