Visit Apple.com and click the magnifying glass icon in the upper right. Note how it produces a very lovely search field while nicely compressing the navibar text at left. How do we accomplish this on a responsive site in Freeway 7?
NOTE: Whatever trick they use to get such to work beautifully on desktop computer browsers must not work in iOS. When I load Apple’s site in the iOS Simulator and click the magnifying glass icon, it takes me to a “Search Results” page where I am to type in my search query. Furthermore, when I try that in the iOS Simulator using the iPhone 4 or 5 or 6+ sims, the Search Results page displays very tiny, showing that even Apple doesn’t have a fully responsive website!
I don’t see a search field at all on SoftPress.com or even on Caleb Grove’s Backdraft website. Was it to difficult to implement in a responsive site, or was it merely decided that no one needs site search anymore?
It’s been over a year since we last spoke on this topic, and Apple has changed the design of its search field to something more modern and, to my eyes, more impressive:
Another site that uses a similar search field design is here:
CONCEPT: When you click the Search icon, most or all the head text content vanishes, leaving you with a big search field. For mobile on a responsive site, this is probably the best way to implement search as it would be nice and big.
The problem with easily implementing these fancy search bars in freeway seems to be with one’s knowledge (or lack thereof) of CSS. You add a search field (easy in Freeway) and then you need to figure out how to properly style it in a rather non-WYSIWYG way using CSS (hard).
As is true of building a truly responsive site, I often face a situation where I know how I want the content to appear, I just don’t know how to implement it in Freeway. In the past, using table-based layouts, I never had that problem at all. But with modern web design, it’s much more challenging, perhaps because Freeway doesn’t have sufficiently easy-to-use tools, at least, for mentally challenged people like me.