Menu icon Foundation
top-bar search field width

Hi,
i have a test page:
http://www.bighorn.de/findex.html
There is a search field in the top bar. But it is only 129 px width.
How to make it 300 or 400 px width at large screens?
best regards
Torsten

topbarsearchinput

Hi,
i have a test page:
http://www.bighorn.de/findex.html
There is a search field in the top bar. But it is only 129 px width.
How to make it 300 or 400 px width at large screens?
best regards
Torsten

Torsten Mueller over 5 years ago

nobody a idea?

Brandon Arnold over 5 years ago

You can try something like this.
http://cdpn.io/yirqI

Torsten Mueller over 5 years ago

Thank you, this works! I think ihave to make a little bit of fine tuning, but it works.
And i have learned somethink today :)
Thank you.
Best regards
Torsten

timmy about 5 years ago

the link does not work anymore

Rafi Benkual about 5 years ago

Unfortunately looks like codepen expired those examples. Made a new one http://codepen.io/rafibomb/pen/csFBJ

Rafa Sanchez over 3 years ago

In foundation 6, if you use the SAAS version (highly recomended), you can modify the length in src/assets/scss/components/_settings.scss, in the variable $topbar-input-width.