On phones, three icons indicate search, filter, and view-type. The icons appear above the category-color legend, but the actual search bar/area and the filters appear below the category-color legend. That does not matter on websites with only a small number of color-categories in the legend, but if you have a dozen categories, for example, clicking the search and filter icons won’t have any visible effect. Clicking search or filter affects the display below what appears on screen. So users don’t see the filter bar. They might find it, but they might not. They might just think it’s a broken / badly-designed website and leave.
On mobile devices / devices with narrow screens, how can we get the search bar and filter to appear above the category-color legend?
The page I need help with: [log in to see the link]