search

cfdp / ch3

1 stars 3 forks source link

Make search field in header area expand to 100% width when clicked #4

Closed benjamin-dk closed 7 years ago

benjamin-dk commented 7 years ago

At the moment the search field expands to a limited part of the header area when focused on.

The requested behavior is to make the search field expand to the full width and height of the header and thus hiding the logo and the hamburger menu.

This request only applies to mobile and tablet. On desktop (>= 70em) the current behavior should persist.

If JQuery is needed to make it happen the code should probably go here https://github.com/cfdp/ch3/blob/master/sites/all/themes/cyberhus_evolution/js/cyberhus-evolution.behaviors.js

benjamin-dk commented 7 years ago

This post might be useful http://stackoverflow.com/questions/8951558/css-contain-input-text-to-100-width @stefanospetrakis