Нужна помощь!

[zulfukar]

Спасибо за помощь, хорошее меню.
Подскажите как сделать, чтобы активной была только кнопка ≡, а не все поле nav (в маленьких экранах).

[laimas]

Да они и будут скрыты, если меню кнопкой ≡ не раскрывалось.

[zulfukar]

Да они и будут скрыты, если меню кнопкой ≡ не раскрывалось.

Вы не поняли. Я не про скрытые пункты. Я про само поле на котором находится ≡ , лого и кнопка поиска. Все это поле активно (кликабельно).

[laimas]

Ну тут я не знаю как вы сделали, что-то во что-то не так вставлено у вас.

[zulfukar]

Ну тут я не знаю как вы сделали, что-то во что-то не так вставлено у вас.

в Вашем примере тоже так. Вставьте свой код в хтмл и уменьшите экран и Вы увидите, что меню раскрывается при нажатии на любое место поля, а не только на ≡

[laimas]

Метка на которой находится кнопка меню на моб. устройстве имеет стиль block, то есть будет заниматься всю ширину области экрана, плюс отступы и т.п. Видимо об этом вопрос? У вас это должна быть отдельная кнопка (не такие стили иметь как в примере) со стилями которые вы для div ранее прописывали.

[laimas]

меню раскрывается при нажатии на любое место поля

Читайте выше, вы не сделали того, что написано в html комментарии рядом с кнопкой.

[laimas]

.arrow {
    cursor: default;
}

Это удалить из стилей

[zulfukar]

Метка на которой находится кнопка меню на моб. устройстве имеет стиль block, то есть будет заниматься всю ширину области экрана, плюс отступы и т.п. Видимо об этом вопрос? У вас это должна быть отдельная кнопка (не такие стили иметь как в примере) со стилями которые вы для div ранее прописывали.

кнопка toggle не работает (на маленьком/мобильном экране). На Вашем примере работает, а на сайте нет. Подозреваю, что конфликтует с label, input или еще с чем-то.

[laimas]

В таком меню нет конфликтов, если не работает, то проблему нужно искать в верстке.