CSS - Add borders to navigation

For Broadcast 5.7 and up

CSS to add to Global Theme Settings -> Custom CSS

Mobile lines only

.sliderow {
  border-bottom: 1px solid var(--border);
}
.sliderule__wrapper:first-of-type {
  border-top: 1px solid var(--border);
}
.sliderow--back {
    border-top: 1px solid var(--border);
}

Mobile and desktop lines:

.sliderow {
  border-bottom: 1px solid var(--border);
}

.sliderule__wrapper:first-of-type {
  border-top: 1px solid var(--border);
}

.sliderow--back {
  border-top: 1px solid var(--border);
}

.sliderule__wrapper .header__dropdown__image {
  border: 1px solid var(--border);
}

@media (min-width: 750px) {
  .header__dropdown__image,
  .dropdown__family {
    border-right: 1px solid var(--border);
    border-top: 1px solid var(--border);
  }

  .dropdown__family:first-of-type {
    border-left: 1px solid var(--border);
  }

  .header__dropdown__wrapper {
    border-bottom: 1px solid var(--border);
  }

  .header__dropdown {
    border: none;
  }
}

Version