Menu Control

stryguardian

Menu Control is a Flarum 1.x extension that gives admins full control over the sidebar navigation on the forum index page.

Features

Reorder navigation items All sidebar nav items — All Discussions, Tags, Following, User Directory, and any items added by installed extensions — are listed in the admin panel. Use the arrow buttons to set the order you want and save.
Flip navigation Optionally moves tag links to the top of the sidebar and brings nav items to the bottom. Useful when tags are the primary navigation on your forum.
Sticky sidebar Keeps the sidebar fixed at the top of the viewport as users scroll. The Start a Discussion button stays visible at all times. Desktop only.
Custom icons Each nav item displays its current Font Awesome icon. Type any Font Awesome class into the input field (e.g. fas fa-fire) to override it. Leave the field empty to use the default.
Highlight items Mark any nav item with the star button to apply a highlight treatment: colored background, solid border, and a pulsing glow animation. Draws user attention to a specific section or feature. Desktop only. You may want to use this if you have picks active in Pick'em or Awards voting is underway. Just a small visual highlight.
Highlight color A color picker in the admin panel controls the color used for highlighted item backgrounds, borders, and glow effects.

Screenshots

Awards highlight activated. Custom football icon on Pick'em and star on Leaderboard

Flipped navigation with Tags above the nav menu

Admin panel

Mobile View

Installation

Via Flarum's Extension Manager, or:

composer require resofire/menu-control
php flarum extension:enable resofire-menu-control

After enabling, visit the forum index page while logged in as an admin. The extension will automatically detect all active nav items and record the current display order. Then go to Admin → Extensions → Menu Control to configure.

Updating

composer update resofire/menu-control
php flarum cache:clear

Removing

php flarum extension:disable resofire-menu-control
composer remove resofire/menu-control
php flarum cache:clear

No database migrations are used. Removing the extension leaves behind only a few rows in the settings table, which can be deleted manually.

Notes

If you install or uninstall extensions that add nav items, visit the forum index page as an admin again to refresh the item list
Highlight styling and sticky sidebar apply on desktop only

Links
Github
Packagist

stryguardian

Made a quick edit. I forgot to include a screenshot of the admin panel.

010101

Add this in and then you've fixed all side nav issues.

https://discuss.flarum.org/d/26380-custom-side-nav-links

stryguardian

010101 I will take a look!

Tutrix

@stryguardian
Thanks, now I can remove my custom CSS and it works correctly on mobile devices too 😉
Sort links in sidebar

Tutrix

@stryguardian
Can you check if it works on the blog page as well? The default sorting remains there.

stryguardian

Tutrix Blog extension?

Tutrix

Yes

stryguardian

If you're talking about this particular Blog, it pulls its own forum nav menu, while this is just a simple extension that focuses on the index page nav menu. I can take a look and see if it would be possible to target that extension's menu, but I can't promise anything.

Tutrix

stryguardian
Okay, it works there with custom CSS too

.App.BlogOverviewPage .sideNav .Dropdown-menu.dropdown-menu{display: flex; flex-direction: column;}
  .sideNav ul.Dropdown-menu.dropdown-menu li.item-allDiscussions {order:-7}
  .sideNav ul.Dropdown-menu.dropdown-menu li.item-tags {order:-6}
  .sideNav ul.Dropdown-menu.dropdown-menu li.item-fof-user-directory {order:-5}
  .sideNav ul.Dropdown-menu.dropdown-menu li.item-badges {order:-4}
  .sideNav ul.Dropdown-menu.dropdown-menu li.item-following {order:-2}
  .sideNav ul.Dropdown-menu.dropdown-menu li.item-huseyinfiliz-leaderboard {order:-3}
  .sideNav ul.Dropdown-menu.dropdown-menu li.item-blog {order:-1}

Subarist

Tutrix
I was just about to @ you 😉

stryguardian

Tutrix Update to v1.0.4 (latest release). Turns out it was a simple targeting fix.

Subarist

stryguardian
It seems the sticky feature isn’t working. I haven’t checked yet whether my CSS is blocking it.
You can take a look https://flarum.subarist.net/

Tutrix

stryguardian
Thanks, that was quick—it's working now 😉

stryguardian

Subarist It's more than likely custom CSS blocking it. You have a lot of custom CSS from the looks of it. All this extension really does when enabling Sticky Menu is inject this CSS:

.IndexPage .IndexPage-nav {
  position: sticky;
  top: 72px;
  align-self: flex-start;
}

Subarist

stryguardian
Even after removing all my custom CSS, it still doesn’t work. I think it’s probably being blocked by some extension. I’ll look into it—nothing urgent.
I actually implemented Sticky a long time ago, but I was never really satisfied with how it worked. This time, I’ll see if there’s any new approach.

stryguardian

Update - v2.0.2

Added: You can now add cusotm links to the sidebar nav. Internal links will automatically open in the same tab, while external links will automatically open in a new tab. These custom links can also be reordered or highlighted.