Search icon in Header- Broadcast Theme

[TBS2023]

Hello

I have managed to move my search icon to the left using this code

<style>
  /* search icons*/
@media (min-width: 768px) {
  .header__desktop__upper {
    position: relative;
  }

  .header__desktop__button:has([aria-label="Search"]) {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
  }

  .header__desktop__bar__c {
    margin: 0;
  }

  .header__desktop__buttons--icons {
    margin-left: auto;
  }
}</style>

However when open it looks like this

Theme is not live yet

https://6qnwocv4sj1nwdn8-86803415371.shopifypreview.com

[BiDeal-Discount · Accepted solution]

Hi @TBS2023 

let add this Custom CSS code:

.header__desktop__upper {z-index: 11;}

the result