I’m trying to find out how exactly the search icon functionality should work when the icon is clicked. This is for a responsive website.
I have three scenarios, please view them on a smaller viewport:
1) The search box appears and an overlay covers the rest of the screen. (e.g. http://www.woolworths.co.za/)
2) The search box appears and pushes down content on the screen. (e.g. http://www.microsoft.com/)
3) The search box appears and covers some of the content.(no example)
As far as I know, there are some issues with overlays on mobile?