Search bar does not adapt to screen size? (Dawn)

[manbru]

Hello,

My search bar does not get smaller when the screen gets smaller, the logo gets behind it and it all looks weird.

my store: https://r1vex.myshopify.com/ 

Normal:

When i make the screen smaller :

 

[manbru]

Correct!

[BSS-TekLabs]

- Here is the solution for you @manbru 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

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

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[manbru]

Thanks for your replay, but i would want the search bars width to gradually become smaller.

Here's how it looks now after i've added the code you provided and also an example:

https://imgur.com/a/cKtVOCh 

[manbru]

Excuse me have you had time to look att the video in my first reply?