Как центрировать панель поиска Ajax на всех экранах?

Question

Моя строка поиска ajax выглядит центральной на моем экране Mac, но на экране телефона она далеко от центра.У кого-нибудь есть код, который может «плавать» по центру на всех размерах экрана?Соответствующая панель поиска находится на www.rebelleforce.com. Спасибо

Я пробовал различные CSS-коды, которые я нашел в Интернете на других форумах - некоторые централизовали его на экране моего мобильного телефона, но потом япотерять центральное расположение на экране компьютера.

Answer 1

вставьте этот код в файл style.css вашей темы.

div[id*='ajaxsearchlite'].wpdreams_asl_container {
   width: 75% !important;
   margin: 0 auto !important;
}

Этот код приводит к центру окна поиска на всех экранах.

Answer 2

Добавьте это в свой css:

#ajaxsearchlite2 {
  margin: 0 auto;
}

и, если все еще не работает, используйте важное утверждение:

#ajaxsearchlite2 {
  margin: 0 auto !important;
}

Answer 3

Я вижу ваш код для централизации используемой вами строки поиска

div[id*='ajaxsearchlite'].wpdreams_asl_container {
width: 62%;
margin: 0px 250px 0px 250px;
}

попробуйте изменить значение "margin" на margin:autio;