Дописать скрипт

[kuripka2222]

Здравствуйте, помогите пожалуйста. На сайте установил такой выдвигающий поиск https://codepen.io/porsake/pen/XYgGWP
там есть скрипт, но мне надо его дописать, чтобы на экранах шире 768px  он всегда был в открытом состоянии, а на мобильном в сложенном. На скриншоте как должно выглядеть на больших экранах. 

[AUSS]

@media screen and (min-width: 768px) {
  .wrap {
    width: 250px;
    padding-left: 25px;
    transition: all 0.5s ease;
  }
  .input {
  	width: 100%;
  }
}

 

Змінено 26 травня 2020 користувачем AUSS

[kuripka2222]

8 минут назад, AUSS сказал:

@media screen and (min-width: 768px) {
  .wrap {
    width: 250px;
    padding-left: 25px;
    transition: all 0.5s ease;
  }
}

 

 Через стили я уже пробовал, там placeholder появляется только после нажатия на иконку лупы. 

А надо сделать, чтобы placeholder был активен постоянно на больших экранах 

Змінено 26 травня 2020 користувачем kuripka2222

[AUSS]

Добавил в прошлое ссобщение )

[mpn2005]

1 час назад, kuripka2222 сказал:

Через стили я уже пробовал, там placeholder появляется только после нажатия на иконку лупы. 

Написано же выше. Надо ещё

input { width: 100%; }