У вас возникла проблема с верхним баром zurb? 
Поле ввода не подходит для навигации. Я ничего не изменил, просто вставив код с foundation's page на свой веб-сайт, включенный в файлы фундамента. Изменение шрифта на Open Sans тоже не помогает.Zurb foundation 5 - topbar search
Для начала, стиль здания для .top-bar input переопределяется стилем для более конкретных input[type="text"]. Однако, даже если вы добавили атрибут type, стиль в версии 5.0.2 немного отличается от стиля в примере.
Чтобы имитировать стиль в качестве примера, добавьте следующие строки в ваши собственные пользовательских таблицы стилей, которые должны быть добавлены после foundation.css:
.top-bar input[type="text"], .top-bar .button {
font-size: 0.77778rem;
position: relative;
top: 7px;
}
.top-bar input[type="text"] {
height: auto;
padding-top: 0.35rem;
padding-bottom: 0.35rem;
font-size: 0.75rem;
}
Edit: Добавлено JSFiddle: http://jsfiddle.net/4vRNt/2/
спасибо, его помощь более или менее с помощью ввода. но я столкнулся с следующей проблемой, когда я увеличиваю окно браузера, навигация полностью ломается, как [это] (http://imgur.com/bEXBhVw) – knapcio
Вы можете видеть, как он работает в JSFiddle, который я добавил выше. Проверьте код на это. – chrisjsherm
Вы будете иметь чтобы показать код, если вы хотите помочь с этим. Насколько я вижу, вы явно чего-то пропускаете, если вы действительно просто скопировали и вставляли, размещение окна поиска было бы иным. – Karl
Извините, код [здесь] (http://pastebin.com/2si3ebwp). – knapcio