Zurb Foundation 5 - search at the top of the screen

Question

Are you having this problem with the top zurb bar? The input field is not suitable for navigation. I did not modify anything by simply pasting the code from the cover page into my website, included in the foundation files. Changing the font to Open Sans does not help either.

Answer 1

First, the style style is .top-bar inputoverridden by the style for a more specific one input[type="text"]. However, even if you added the attribute type, the style in version 5.0.2 is slightly different from the style in the example.

, , .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;
}

: JSFiddle: http://jsfiddle.net/4vRNt/2/