On mobile: move search bar to the bottom

[Jiehong]

Hello there,

On mobile, the "Search everywhere..." search bar is located at the top, which is nice, but is a bit far for most people's fingers.

Today, mobile browsers even have the url bar at the bottom for reachability purposes.

Would it be possible to have the search bar be sticky at the bottom on the viewport instead of at the top?

Basically having bottom: 0 instead of top: 0 for header and setting top: 0 instead of top: 60px for main in the css.

WDYT?

[darekkay]

Hello @Jiehong ,
thanks for the suggestion.

First of all, if this feature is to be implemented, I would like to make it configurable. Personally, I like the current behavior, but I understand that I might be in the minority.

The challenge will be to answer the question what "mobile" means. "Device width" is not a reliable factor, and can lead to issues (e.g. when resizing a desktop browser window). "Hover-able devices" will include tablets.

Having a fixed user configuration option independent of the device width etc. would fulfil your request without having to detect a mobile device. Would this cover your use case? Or do you have other suggestions?

[Jiehong]

I suppose that both a screen, width and pointer coarse would mostly match smartphones.

Although, today I see that .collections has a media query of @media screen and (min-width: 481px), so this could be a basis.

I think perhaps we could combine your last suggestion of a fixed user configuration that would alter the media query's css content accordingly?