๐ฑ Mobile Tab Bar โ give your forum that native-app feel
Most of your members are on their phones. So why does your forum still make them hunt through a hamburger menu like it's a desktop site?
Mobile Tab Bar pins a sleek, app-style navigation bar to the bottom of the screen on phones โ the same instantly-familiar pattern people already use in every app on their home screen. One tap to home, to search, to notifications, to post. On tablet and desktop it gracefully disappears, so nothing changes for your big-screen visitors.
The navigation your members already know how to use โ because every app they own works this way.
๐งฑ Build the bar exactly how you want it
The whole point: you decide what's on the bar. A drag-to-reorder editor in your admin panel lets you add, remove, and arrange tabs however suits your community โ no code, no guesswork.
For every tab you can set:
- ๐จ An icon โ pick any Font Awesome icon.
- ๐ท๏ธ A label โ name it whatever your members will understand.
- ๐๏ธ Who sees it โ show a tab to everyone, only logged-in members, or only logged-out visitors.
- โฌ๏ธ A raised center button โ flag any tab as the lifted, eye-catching center action (think the "๏ผ New post" button that floats above the bar).
---
๐งฉ Tabs for everything your forum does
Choose from a full menu of ready-made tab types:
- ๐ Home, ๐ท๏ธ Tags, ๐ Search, ๐ Notifications, ๐ค Profile
- โ๏ธ New discussion โ start a thread from anywhere
- ๐ Log in โ perfect as a logged-out-only tab to convert visitors
- ๐ผ๏ธ Site logo or Favicon โ drop your brand right into the bar, even in the raised center slot
- ๐ Custom link โ point a tab at any internal page (
/tags/support) or external URL
---
โจ The little touches that make it feel polished
- ๐ข A live unread badge on the Notifications tab, so members always know when something's waiting.
- ๐ฏ Active highlighting โ the current section lights up, just like a real app.
- ๐งต Theme-friendly โ content shifts cleanly above the bar, so nothing gets covered.
Don't want to configure anything? Leave the tab list empty and you get a sensible default bar out of the box: Home ยท Tags ยท ๏ผ ยท Notifications ยท Profile.
๐ Installation
composer require ernestdefoe/mobile-tab
php flarum cache:clear
Then enable it in Admin โ Extensions and build your bar under the extension's settings. To customise it: Add tab, pick a type, set an icon and label, choose who sees it, tick Raised for the center action, and Save Changes. (Site logo and Favicon tabs pull your site images automatically.)
Updating
composer update ernestdefoe/mobile-tab
php flarum cache:clear
๐ Credits & license
Mobile Tab Bar was originally created by resofire โ rebranded and extended (the configurable tab editor and logo/favicon slots) by ernestdefoe, with full credit to the original author.
Released under the MIT License โ free to use, free to build on.
๐ Links
