Seeking Help: How to Create a Top Menu Bar with Dropdown (Smooth Load)

[Steve_John]

Hi everyone,

We’re working on implementing a top navigation menu with dropdown functionality—something similar to what’s seen on:

• Spiceworks Community
• Wyze Forums – News Section
• Docker Community Forums

We’re currently using the Landing Pages plugin to build static pages and integrate the menu. However, we’ve encountered a visual issue: when the page loads, the menu briefly appears distorted before realigning—making the transition feel rough and unsmooth.

We’re looking for:

1. Alternative approaches to build a top menu with dropdowns in Discourse (like in the examples above).
2. Suggestions to improve the menu rendering performance for a smoother load.
3. A way to ensure each submenu item can link to its own custom HTML page.

Any insights, code tips, or plugin recommendations would be greatly appreciated!

Thanks in advance!

[mcwumbly (Dave McClure)]

Is this what you’re looking for? Header Submenus

[Heliosurge (Dan DeMontmorency)]

In addition to Dave’s component suggestion there is also this one.

Dropdown Header

Overview This theme component allows you to add links with text, icons, and dropdowns to the native header of your Discourse site. [image] Bug reports, feature requests, and PRs are most welcome; sponsorship enables work on this component to be prioritised by the Pavilion team. Code View the GitHub Repo Settings There are a variety of settings you can configure to customize the component, including link customizations, icon sourcing, adding link security, positioning…