Невозможно ввести текст в поле поиска в навигационном меню Wordpress.

Question

Я пытаюсь взломать окно поиска в меню навигации WordPress для мобильных устройств, и я понятия не имею, почему я не могу ввести его. Я предполагаю, что проблема связана с курсором, но не могу найти больше информации о том, как это исправить, и я, кажется, достиг пределов своих способностей! Спасибо за ваше руководство :) Редактировать (забыл ссылку): https://www.winebounty.com (мобильная версия)

Answer 1

Исходя из ссылки, мое предположение было неверным. Вы можете ввести его, и он не будет заблокирован другим элементом. Проблема связана с размером шрифта, он установлен на 0px. Я выяснил это, открыв Chrome Инструменты разработчика и щелкнув по Computed , которое показывает все стили, которые применяются к этому элементу.

В вашем стиле. css у вас есть следующее в строке 48999:

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit; /* <-- Culprit */
    line-height: inherit;
}

Он наследует размер шрифта из строки 13922:

#mega_main_menu, #mega_main_menu>.menu_holder, 
#mega_main_menu>.menu_holder>.menu_inner, 
#mega_main_menu>.menu_holder>.menu_inner>.mega_main_menu_ul {
    font-size: 0; /* <-- This guy */
    letter-spacing: 0;
    word-spacing: 0;
    line-height: 0;
    display: block;
    visibility: visible;
    overflow: visible;
    -webkit-backface-visibility: hidden;
}

Вам просто нужно добавить соответствующий размер шрифта в что поиск ввода, и он будет работать, как видно здесь: