Search bar progressively smaller (Dawn)

[manbru]

Hello,

My search bar doesn't adjust to different screen sizes and it certainly doesn't make it progressive. I want the left side to remain stationary while the right side becomes smaller in width. You can first see my search bar and then an example of how I want it to be customized in this video:

https://imgur.com/a/cKtVOCh 

I've tried with this code below but it doesn't work and don't do it progressively smaller from the right side of the search bar.

<style>
@media only screen and (max-width: 1350px) {
input.search__input.field__input {
    width: auto !important;
}
}
</style>

Here is my store:

https://r1vex.myshopify.com/ 

Thanks for helping!

[BSSCommerce-B2B]

@manbru , follow these steps

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
@media (min-width: 769px) {
  #shopify-section-sections--22029800276294__header > sticky-header > header > div > div.desktop-search > predictive-search > form > div.field > input.search__input.field__input {
    width: 100%!important;
  }
header .header__icons {
  width: 100%!important;
  align-items: center;
}
header .header__heading {
  min-width: 200px
}
.desktop-search {
    width: 100%!important;
    position: unset !important;
    transform: translateX(0) !important;
}
header {
  grid-template-columns: 1fr 5fr!important;
}
}
</style>

[manbru]

This code worked great however it moved the cart and account icon to the side of it:

I would want the search bar to be in the middle.

[Made4uo-Ribe]

Hi @manbru 

Im not sure what is the original design, without the added code.I manage to make it like this. 

I use this  code. 

input.search__input.field__input {
    width: 100%;
    max-width: 100%;
}
@media screen and (min-width: 990px) {
    .search-modal__form {
        max-width: 80%;
    }
}
.header__icons {
    display: flex;
    justify-self: unset;
}

And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!