Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


kuripka2222

Recommended Posts

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

download.png

Надіслати
Поділитися на інших сайтах


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

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

 

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

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

download.png

Змінено користувачем kuripka2222
Надіслати
Поділитися на інших сайтах


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

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

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

input { width: 100%; }

 

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.