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

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:

1. **Add tab** to append a row, or reorder with the ▲ ▼ arrows.
2. Pick a **type**, set an **icon** (e.g. `fas fa-home`) and **label**.
3. Choose **visibility** and tick **Raised** for the center action.
4. For **Custom link**, enter a path (`/tags/support`) or URL (`https://…`).
5. **Save Changes.** (Site logo / Favicon types pull your site image automatically.)

## Credits

Originally created by [resofire](https://github.com/resofire). Rebranded and

extended (configurable tab editor, logo/favicon slots) by

[ernestdefoe](https://github.com/ernestdefoe), with full credit to the original author.

## License

MIT — © ResofireV2 (original author).

mobiletab 2.0.0

First release under ernestdefoe — a configurable mobile bottom tab bar for Flarum 2.x.

• 🧱 Full custom tab editor (add / remove / reorder) with a live phone preview
• 🎛️ Per-tab type, Font Awesome icon, label, visibility, and a raised center option
• 🧩 Tab types: Home, Tags, Search, Notifications, Profile, New discussion, Log in, Site logo, Favicon, and Custom link

Rebranded fork of resofire/mobile-tab, with full credit to the original author.

View release on GitHub

Hi. I would like to see screenshots of the admin panel and the application itself. How does it differ from the mobile tab?

@"Maxim"#3 it looks just like the other the biggest difference is that you can customize the items at the bottom including user your site logo/favicon as the center of the tab. I will include a screenshot of the admin settings.

[upl-image-preview uuid=6f5231ff-6805-4861-9483-e61396bfd5a5 url=https://ernestdefoe.online/assets/files/2026-06-07/1780794328-520336-screenshot-2026-06-06-200517.png alt=screenshot-2026-06-06-200517.png thumbnail_url=https://ernestdefoe.online/assets/files/2026-06-07/1780794328-520336-screenshot-2026-06-06-200517.png]

[upl-image-preview uuid=40ee8063-0546-4c76-baa8-251f130e84f8 url=https://ernestdefoe.online/assets/files/2026-06-07/1780794458-758376-screenshot-2026-06-06-200719.png alt=screenshot-2026-06-06-200719.png thumbnail_url=https://ernestdefoe.online/assets/files/2026-06-07/1780794458-758376-screenshot-2026-06-06-200719.png]