Turns your mobile search results into a full-screen, map-first experience, Airbnb-style, so guests can browse listings and the map without feeling cramped.
What it does #
On a small screen, a results list and a map competing for the same space usually means one gets squeezed. Explorer Mobile Sheet solves that by giving mobile guests a full-bleed map as the primary view, with your search results living in a sheet that sits over the bottom of it. A floating Map/List button lets a guest flip between “see the map” and “see the list” without losing their place, their filters, or reloading the page.
What the guest experiences on mobile:
- The map fills the screen first, so they immediately see where listings sit relative to the area they searched.
- Results sit in a sheet along the bottom, always one tap away.
- The Map/List toggle switches views instantly, keeping whatever search and filters were already applied.
- Everything they can already do on your search results, browsing, filtering, following through to a property, still works. Only how it’s framed on mobile changes.
Desktop is untouched. This only changes how results present on mobile viewports.
Because this module takes over how the map and results are framed on mobile, it cannot run at the same time as the Toolkit’s other mobile map behaviors, Mobile Map Framing and Mobile Map Default. Turning Explorer Mobile Sheet on automatically turns those off, so you never have two systems fighting over the same map.
How to turn it on #
1. Open the Hub #
In the HomeRunner Toolkit Hub, find Explorer Mobile Sheet under the Map section. It ships off by default.
2. Switch it on #
Turn the module on. Your mobile search results immediately switch to the map-first, bottom-sheet layout described above. Because it supersedes the other mobile map modules, enabling it turns off Mobile Map Framing and Mobile Map Default if either was active.
3. Adjust for your theme, if needed #
By default the module shows its own compact bar (logo and menu button) and hides your theme’s mobile navigation so the two don’t overlap. Most themes handle this cleanly. If your theme’s own mobile header still shows through underneath, turn on Below Theme Navigation in the module’s settings (see below) instead of fighting the overlap.
Settings #
| Setting | What it controls |
|---|---|
| Below Theme Navigation | Off by default. When on, the module drops its own logo and menu button (your theme’s mobile bar already provides those) and places the search button below your theme’s existing navigation bar instead of replacing it. Leave off to keep the module’s original self-contained bar. |
| Vertical Offset (px) | How far to push the search button down so it clears your theme’s mobile header. Default 80. Only used when Below Theme Navigation is on; match it to your theme’s mobile header height. |
Tips #
- If your theme’s own mobile navigation bar keeps showing through above the module’s search button, that’s the sign to turn on Below Theme Navigation rather than trying to hide the theme bar yourself.
- This changes the entire mobile search experience, so it’s worth trying on one site first before switching it on everywhere.
- Pair it with Toolkit: Property Map Display to keep the map experience consistent from search results through to the property page.
- See the Toolkit Overview for how this fits alongside the rest of the Toolkit’s map and search modules.