Mobile Tab Bar
A configurable mobile bottom tab bar for Flarum 2.x. On phones, a native-app-style
bar is pinned to the bottom of the screen; on tablet and desktop it's hidden.
Features
- ๐งฑ Full custom tab editor โ build the bar yourself in admin: add, remove, and
reorder tabs.
- ๐๏ธ Per-tab settings โ each tab has a type, a Font Awesome icon, a
label, a visibility (everyone / logged-in / logged-out), and an optional
raised flag (the lifted center button).
- ๐งฉ Tab types โ Home, Tags, Search, Notifications, Profile (avatar menu),
New discussion, Log in, Site logo, Favicon, or a custom link
(internal route or external URL).
- ๐ผ๏ธ Logo / favicon in the middle โ drop a Site logo or Favicon tile anywhere,
including the raised center slot.
- ๐ข Live unread badge on the Notifications tab, active-route highlighting, and a
html.has-mobile-tab hook for themes that need to shift content above the bar.
Leave the tab list empty to use the sensible default bar
(Home ยท Tags ยท ๏ผ ยท Notifications ยท Profile).
Installation
composer require ernestdefoe/mobile-tab
php flarum cache:clear
Enable it in Admin โ Extensions, then configure the bar under its settings.
Configuring the bar
Open the extension's settings page and use the Bottom bar tabs editor:
- Add tab to append a row, or reorder with the โฒ โผ arrows.
- Pick a type, set an icon (e.g.
fas fa-home) and label.
- Choose visibility and tick Raised for the center action.
- For Custom link, enter a path (
/tags/support) or URL (https://โฆ).
- Save Changes. (Site logo / Favicon types pull your site image automatically.)
Credits
Originally created by resofire. Rebranded and
extended (configurable tab editor, logo/favicon slots) by
ernestdefoe, with full credit to the original author.
License
MIT โ ยฉ ResofireV2 (original author).
