Create double line under header

Hi @designbyjrs, try this code and let me know how it goes:

div.header-announcement-bar-wrapper {
  border-top: 3px solid #0a1c30 !important;  /* Top solid border */
  position: relative;  /* Ensure ::after pseudo-element is positioned correctly */
  padding-bottom: 5px; /* Optional: Adds some space for the bottom lines */
}

div.header-announcement-bar-wrapper::after {
  content: '';
  position: absolute;
  bottom: 0; /* The lowest line is at the bottom */
  left: 0;
  width: 100%;
  height: 2px; /* Thickness of the second line */
  background-color: #0a1c30;
}

div.header-announcement-bar-wrapper::before {
  content: '';
  position: absolute;
  bottom: 15px; /* Distance between the two bottom lines */
  left: 0;
  width: 100%;
  height: 2px; /* Thickness of the first bottom line */
  background-color: #0a1c30;
}